Возможно ли создать поля ввода с ngFor в форме с шаблоном и использовать что-то вроде # name = "ngModel", чтобы иметь возможность использовать name.valid в другом теге?
Сейчас у нас есть динамический список продуктов с полем количества и кнопка добавления в корзину в таблице. Я хочу сделать все это формой с добавлением всей кнопки в конце, как это:
<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?