ngFor中每个元素的angular2验证

时间:2017-12-17 12:48:56

标签: angular

我在这个问题中尝试了这个建议: 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;
}

我错了?

感谢。

0 个答案:

没有答案