Tengo una tabla con una columna para la entrada del usuario. Obviamente, la tabla puede tener varias filas, cada fila con una entrada para el usuario. Debajo de la mesa tengo un botón para guardar. Mi pregunta es: si un usuario escribe varias entradas, ¿cómo puedo guardar todas las entradas? Ejemplo: mi tabla es algo como:
row1 -> input (user writes here: "stack") row2 -> input (user writes here: "overflow") saveButtonQuiero guardar "pila" y también "desbordamiento". mi código es:
<div class="mat-elevation-z8 layout-container"> <table mat-table [dataSource]="dataSourceTable"> <ng-container matColumnDef="userInput"> <th mat-header-cell *matHeaderCellDef [attr.rowspan]="2">Input</th> <td mat-cell *matCellDef="Input"> <mat-form-field class="full-width"> <input matInput/> </mat-form-field> </td> </ng-container> </table> </div> <button mat-raised-button color="warn" (click)="saveInput()">Save</button>Puedes definir tu celda así:
<ng-container matColumnDef="userInput"> <th mat-header-cell *matHeaderCellDef [attr.rowspan]="2">Input</th> <td mat-cell *matCellDef="let Input"> <mat-form-field class="full-width"> <input matInput [(ngModel)]="Input"/> </mat-form-field> </td> </ng-container> y configure un ngModel en sus datos de Input .
Puede usar Formbuilder y luego agregar los campos de entrada. Luego agrega un método onSubmit() para procesar el formulario completo que se llamará dentro de la etiqueta <form> y agrega un botón de tipo enviar.
Puede seguir la guía aquí para conocer los pasos detallados sobre cómo hacerlo.