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