ngFor入力を伴う角度2テンプレート駆動型

Question

テンプレート駆動型のngForで入力フィールドを作成し、別のタグでname.validを使用できるように＃name = "ngModel"のようなものを使用できますか？

ここでは、テーブルの数量欄とカートに追加ボタンを備えた製品の動的リストがあります。私はこのような終わりにすべてのボタンを追加して、フォーム全体を作りたい：

<form #form="ngForm"> 
    <div *ngFor="item in items"> 
     <input name="product-{{item.id}}" 
       [(ngModel)]="item.qty" 
       #????="ngModel" 
       validateQuantity> 
     <button (click)="addItemToCart(item)" 
       [disabled]="!????.valid">Add to cart</button> 
    </div> 
    <button (click)="addAll()" 
      [disabled]="!form.valid">Add all</button> 
</form> 

しかし、どのように私はngModelのために、行ごとに新しい変数名を生成することができますか？ここ

<form #form="ngForm"> 
    <div *ngFor="item in items"> 
     <input name="product-{{item.id}}" 
       [(ngModel)]="item.qty" 
       validateQuantity 
       #qtyInput> 
     <button (click)="addItemToCart(item)" 
       [disabled]="!qtyInput.valid">Add to cart</button> 
    </div> 
    <button (click)="addAll()" 
      [disabled]="!form.valid">Add all</button> 
</form> 

その角の部分：

Answer 1

このため必要はありませんが、ちょうどこのようにそれを行います。 :)