Hola a todos tengo una tabla en mi html en la cual al presionar un botón de agregar fila se agrega una nueva fila a mi tabla angular, todo esto con un *ngFor
.
Lo que necesito realizar es que al crear una nueva fila mi ngModel sea dinámico para poder agregar luego los campos a la base de datos.
<tr *ngFor="let t of valores, let i=index">
<td><input type="text" class="form-control" name="tratamiento_{{i}}" placeholder="Tratamiento{{i}}" [(ngModel)]="tratamientosIngresoMedico.tratamiento"></td>
<td><input type="text" class="form-control" name="desayuno_{{i}}" placeholder="Desayuno{{i}}" [(ngModel)]="tratamientosIngresoMedico.desayuno"></td>
<td><input type="text" class="form-control" name="almuerzo_{{i}}" placeholder="Almuerzo{{i}}" [(ngModel)]="tratamientosIngresoMedico.almuerzo"></td>
<td><input type="text" class="form-control" name="merienda_{{i}}" placeholder="Merienda{{i}}" [(ngModel)]="tratamientosIngresoMedico.merienda"></td>
<td><input type="text" class="form-control" name="cena_{{i}}" placeholder="Cena{{i}}" [(ngModel)]="tratamientosIngresoMedico.cena"></td>
</tr>
Boton el cual me agrega una nueva fila
<button type="button" (click)="addtable()" class="btn btn-add btn-sm btn-block mb-3"><i class="fas fa-plus"></i> Agregar nuevo tratamiento</button>
y el TS
addtable() {
this.numerotablas = this.numerotablas + 1;
this.valores = Array(this.numerotablas).fill(0).map((x,i)=>i);
}