ユーザーが各入力に触れたことを確認します

Question

フォームの検証時に、ユーザーが入力、チェックボックスなど（）に触れたかどうかを確認できます。バリデーターにビルドがあり、ユーザは少なくとも1回は各入力に触れなければならない（タブオーバーなど）。

背景：私は、入力が正しいことを確認する必要があるチェックボックス付きフォームを持っています。

<form name="form" role="form" class="form-horizontal" novalidate #form="ngForm"> 
    <div class="form-group"> 
     <label class="col-sm-2 control-label">Checkbox Label</label> 
     <div class="col-sm-10 checkbox"> 
      <label class="i-checks"> 
       <input type="checkbox" name="checkboxLabel" id="checkboxLabel" [(ngModel)]="checkboxLabel"><i></i> 
      </label> 
      <div [hidden]="form.controls.checkboxLabel?.touched"> 
       Checkbox not touched 
      </div> 
     </div> 
    </div> 
</form> 

Answer 1

次のように試してみてください、それらをチェックしたい、虚偽でそれらを初期化同じサイズを持つチェックボックスの作成に使用されているものの横にもfalseが設定されています）。チェックボックスが変更されるたびに、その配列値をtrueに変更します。あなたは、すべてのチェックボックスをチェックする必要はありませんが、すべての必要性があることをすることを必要としないことを意味し

@ViewChild('myForm') myForm: NgForm; 
myForm: NgForm; 
.... 
ngOnInit() { 
    this.myForm.valueChanges.subscribe((value: any) => { 
     console.log("One of the checkbox was touched"); 
     // here check if the all values of array are true 
    }); 
} 

ない「賢い」ソリューションが、

Answer 2

あなたはすべての値を持つ並列アレイを（保つことができる：チェックボックスは2つの状態しか持つことができますので、私は、しかし、私は、ユーザーが少なくとも一度