テーブル行の角度2の検証

Question

基本的な質問は、テーブル行の内部に含まれるコントロールを検証する適切な方法は何ですか？私はそのようなようなHTMLのセットを有する：

<tr *ngFor="let items of myList"> 
<input class="form-control" [ngModel]="item.foo" /> 
... 
</tr> 

角度2のフォームAPIは代わりに、テーブルの行の動的コントロールの実際の形に向けているように見えます。 apiについて何か不足しているのですか、またはテーブル行にapiを効果的に使用する別の方法がありますか？そうでない場合、同じ結果を達成するための最良のアプローチは何ですか？

Answer 1

これは何か？

myForm: FormGroup; 

ngOnInit() { 
    let updated = this.fb.group({ 
    someField: ['myInitialValue', [Validators.required]], 
    groups: this.fb.array([]) //Create empty array 
    }); 
    this.myForm = updated; //Update it 
} 

arbitaryFunction() { //Call this whenever you want to update validation on dynamic controls. 
    const arrayControl = <FormArray>this.myForm.controls['groups']; //Fetch array to add to 
    yourItems.forEach(item => { //Loop through your array of items. 
    let group = this.fb.group({ 
    propertyOne: ['InitialValue', [Validators.required]] 
    }); 
    arrayCtrl.push(group); 
}