Dynamic angular2 form with ngModel of ngFor elements

Question

I\'m trying to create a dynamic form connected to a ngModel which allows user to add more controls as needed. Just as the picture bellow:

The form behaves as

Answer 1

Your controls need unique names to work properly in Angular2. So do the following:

<td>
    <input required type="number" class="form-control" [(ngModel)]="work.cost"
            name="cost-{{i}}">
</td>