Tengo un conjunto dinámico de elementos html como se muestra a continuación. Lo que debo hacer es hacer coincidir cada uno de los valores de estos elementos con una matriz. lo que significa que cada grupo de atributos dentro del bucle for necesita insertarse en la matriz como elementos. Como puede ver, RoomTyperesposneDtoList es la matriz. Los valores de los campos de entrada son las propiedades del elemento (objeto). El código html de mi componente es el siguiente.

 <div class="row" *ngFor="let viewRoomType of viewRoomTypes; index as i ;"> <div class="form-group col-md-2"> <label for="roomType">Room Type</label> <input [(ngModel)]="contractAddRequest.roomTypeResponseDtoList[i].type" name="roomType" type="text" class="form-control txt-field-add-update-contract" id="roomType" placeholder="Room Type"> </div> <div class="form-group col-md-2"> <label for="price">Price per person</label> <input [(ngModel)]="contractAddRequest.roomTypeResponseDtoList[i].price" name="price" type="text" class="form-control txt-field-add-update-contract" id="price" placeholder="Price per person"> </div> <div class="form-group col-md-2"> <label for="maxAdults">Maximum no of Adults</label> <input [(ngModel)]="contractAddRequest.roomTypeResponseDtoList[i].maxAdults" name="maxAdults" type="text" class="form-control txt-field-add-update-contract" id="maxAdults" placeholder="Max adults"> </div> <div class="form-group col-md-2"> <label for="noOfRooms">No of rooms</label> <input [(ngModel)]="contractAddRequest.roomTypeResponseDtoList[i].availableCount" name="noOfRooms" type="text" class="form-control txt-field-add-update-contract" id="noOfRooms" placeholder="Available rooms"> </div> <div *ngIf="viewRoomType>0" class="form-group col-md-2 mt-4"> <button type="button" class="btn btn-danger "> <fa-icon [icon]="faTrash"></fa-icon> </button> </div> </div>