はプログラム集中し、次のパターンでangular2とangular2-材料を使用してangular2材料設計入力

Question

を選択：

<form #userForm="ngForm" style="background-color: rgba(209,216,239,0.29)" layout-padding="20px"> 
     <div layout="row" layout-margin> 
      <md-input-container flex> 
      <input md-input 
        #eAccountName 
        #cAccountName="ngModel" 
        type="text" 
        placeholder="Account Name" 
        [(ngModel)]="accountName" 
        name="accountname" 
        maxlength="50" 
        [disabled]="!isEditable" 
        required> 
      </md-input-container> 
     </div> 
</form> 

がどのように私はプログラムでこの（または他の）入力要素を集中しますか？可能であれば、テキストフィールドの内容を一度選択することもできます。

ありがとうございました。ドキュメントに示すように

Answer 1

あなたはクラスの中から焦点を当てるために

https://material.angular.io/components/input/api

<span (click)="myinput.focus()">Focus it!</span> 
<md-input-container class="example-full-width"> 
    <input mdInput #myinput> 
</md-input-container> 

MD-入力コンポーネントからフォーカス方式を使用することができます。

export class AppComponent { 
    @ViewChild('myinput') articleInput; 
    someMethod() { 
     this.articleInput.nativeElement.focus(); 
    } 
}