HTML要素の値を角度2で取得するにはどうすればよいですか？

Question

コンポーネントクラスの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; 
} 

Answer 1

あなたはそこngModelディレクティブ（双方向バインディング）か、DOMを保持するのに役立ちますtemplate変数を使用することができます。

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

OR

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