錶行中的角度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); 
}