时间戳

首页 > 解决方案 > 根据条件从 JSON 读取管道值 - Angular

javascript - 根据条件从 JSON 读取管道值 - Angular

问题描述

我有以下 JSON：

columns: [{
    id: 'id',
    header: 'Employee ID',
    value: 'id',
    hasPipe: false
  },
  {
    id: 'name',
    header: 'Employee Name',
    value: 'name',
    hasPipe: true,
    pipe: 'customPipe'
  },
  {
    id: 'address',
    header: 'Employee address',
    value: 'address',
    hasPipe: false
  },
]

在 HTML 文件中，我有以下代码：

<ng-container *ngFor="let eachCol of Columns" matColumnDef="{{eachCol.id}}">
      <th mat-header-cell *matHeaderCellDef mat-sort-header>{{eachCol.header}}</th>
      <td mat-cell *matCellDef="let row">
        {{ eachCol.hasPipe ? (row[eachCol.value] | eachCol.pipe) : (row[eachCol.value]) }}
      </td>
</ng-container>

我参考了以下答案https://stackoverflow.com/a/36937308/7100922 我收到模板解析错误。

标签： javascriptjsonangularangular-material

解决方案

推荐阅读