Question

如何在组件类中获取html输入元素的值？

例如，我想从我的组件类中的此input元素中获取用户名。

<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;
}

Answer 1

您可以使用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">

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

1 个答案: