Angular 2 template driven form with ngFor inputs : <p>Is it possible to create input fields with a ngFor in a template driven form and use something like #name="ngModel" to be able to use name.valid in another tag?</p>

<p>Right now we have a dynamic list of products with a quantity field and a add to cart button in a table. I want to make the whole thing a form with a add all button at the end like this:</p>

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

<p>But how can i generate a new variable name per row for the ngModel?</p>
