如何通过组件将模板传递给MatDataTable

时间:2019-03-14 23:12:03

标签: angular angular-material

请参见下面我修改后的“角材料”示例:

https://stackblitz.com/edit/angular-lrmbcw

基本上,我的应用程序中有一个通用的DataTable组件。数据结构很简单:单元格中的内容只是标题(element [header])中的键/值对。这适用于我90%的细胞。

有时,我想在列中放入不同的动作集,这正是我要弄清楚的。如何将模板传递到另一个级别并覆盖原始版本?

让我们看看一个单元格,名称:

<!-- Name Column -->
  <ng-container matColumnDef="name">
    <th mat-header-cell *matHeaderCellDef> Name </th>
    <td mat-cell *matCellDef="let element"> {{element.name}} </td>
  </ng-container>

我想给它一个新模板仅在数据表的一个实例上,因此输出为:

<a href="#">{{element.name}}</a>

有人以前创建过这样的覆盖模板吗?我假设答案可能使用ngTemplateOutlet或类似的东西。

0 个答案:

没有答案