私は</p> <p>2.私は入力のサテ（無空、正しい形式など）を確認することにしたい角度でHTMLの検証を使用してフォームを作成した検証

Question

角度2 HTMLフォームするときにユーザーがクリック特定のボタン。現時点では次のようにしています：

<form id="memberForm" #memberForm="ngForm" > 
     <input 
      type="text" 
      id="MemberName" 
      required 
      name="MemberName" 
      [(ngModel)]="newMember.name">   
    </form> 
    <div 
     [ngClass]="{'button_disabledButton' : !memberForm?.valid}" 
     (click)="onSubmit(memberForm?.valid, memberForm);"> 
      <span>Next</span> 
    </div> 

これで、私は入力を一度クリックしてフォーカスを評価しています。ユーザーが「次へ」の要素をクリックすると、どうすればいいのですか？

Answer 1

ngModel入力用にゲッター/セッターソリューションを作成する必要があります。適切なクラスで.TSファイルで は、この置く：テンプレートで

savedVar:string = ''; 
get variable(): string { 
    return this.savedVar; 
} 
set variable(str: string) { 
    this.savedVar = str; 
    // do your validation 
} 

をngModelを使用する=このような変数：

<input [(ngModel)]="variable">