如何在数据表中添加输入字段

时间:2018-05-16 09:26:24

标签: angular angular6

我使用以下方法使用mat-cell显示多个*ngFor

columns = [
    { columnDef: 'qty', header: 'Qty', cell: (row: SaleItem) => `${row.quantity}` },
    { columnDef: 'discount', header: 'Discount', cell: (row: SaleItem) => `${row.discount}` }
  ];

  salesItemsDisplayedColumns = this.columns.map(x => x.columnDef);

html文件:

<mat-table [dataSource]="salesItemsDataSource">
    <ng-container *ngFor="let column of columns" [matColumnDef]="column.columnDef">
              <mat-header-cell *matHeaderCellDef>{{ column.header }}</mat-header-cell>
              <mat-cell *matCellDef="let row">
                {{column.cell(row)}}
              </mat-cell>
    </ng-container>
<mat-header-row *matHeaderRowDef="salesItemsDisplayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns:salesItemsDisplayedColumns"></mat-row>

</mat-table>

现在在mat-cell里面我没有&#39;想要显示对象属性,但我希望包含<input>,如下所示:

<mat-cell *matCellDef="let row">
    <input type="text" [(ngModel)]="column.cell(row)">
</mat-cell>

我希望有这样的东西,但输入与我的对象映射。 enter image description here

0 个答案:

没有答案