我在这个问题中尝试了这个建议: Angular 2 template driven form with ngFor inputs
<div ngForm #form="ngForm">
<div *ngFor="let item of reqLine">
<div [ngClass]="{'has-error': qtyInput.hasError('pattern') && qtyInput.touched}">
<input name="product-{{item.rowNum}}"
[(ngModel)]="item.itemNum" [pattern]="[0-9]{10}(\/[0-9])"
#qtyInput="ngModel">
{{qtyInput.valid}}
<button [disabled]="!qtyInput.valid">Add to cart</button>
</div>
</div>
<button [disabled]="!form.valid">Add all</button>
</div>
但它对我不起作用。
当其中一行无效时,所有行都无效。
我想从ts文件访问该表单。 我声明是这样的:
@ViewChild('form') form:NgForm;
IsValid():boolean{
if(!this.form.valid){
return false;
}
我错了?
感谢。