如何获取Angular 2中的HTML元素的值？

我如何获得一个HTML input元素在我的组件类的价值？如何获取Angular 2中的HTML元素的值？

例如，我想从这个输入元素的用户名在我的组件类。

<div class="row"> 
    <div class="input-field col s12">     
      <input id="username" type="text" class="validate" name="username"> 
      <label for="username">Username</label> 
    </div> 
</div>

那么我需要的价值在我的组件类：

export class HomepageComponent { 
    username = username; 
}

来源

2017-04-23 proton

https://angular.io/docs/ts/latest/guide/template-syntax.html如何使用ngModel？ :) – Alex

是的，我一直在研究有关ngModel，但我不能换我周围的适当头结合使用。 @ ajt-82 – proton

我建议你看看教程。你有一个答案，是的，但如果你看看这个教程，你会得到一些基础知识。从这里开始：https://angular.io/docs/ts/latest/tutorial/toh-pt1.html :) – Alex

你可以使用ngModel指令有（双向绑定）或template变量，它会帮助你保持DOM。

<input id="username" type="text" class="validate" [(ngModel)]="userName" name="username">

<input #usernameInput type="text" class="validate" 
    name="username" (input)="username = usernameInput.value">

来源

2017-04-23 14:23:47

所以我这样做早些时候，但我的问题是如何访问组件类变量。 – proton

你可以在组件类中使用'this.username'？ –

谢谢。这工作。 – proton

如何获取Angular 2中的HTML元素的值？

回答

相关问题