我可以从管道中调用 Angular2 管道吗？

Question

我从服务器返回一个对象，该对象包含一组列及其定义和一组行。我想在构建 HTML 表格时迭代列和行，并根据使用“格式”管道返回的列类型格式化单元格。

例如

WS 响应：

{
  "columns" [{"precision":10,"name":"PAGES","typeName":"INTEGER","scale":0...,
  "rows":[{"PAGES":6531....}, [{"PAGES":6531....}]
}

HTML 片段：

<tr *ngFor="let row of invoices?.rows">
  <td *ngFor="let column of invoices?.columns>
    {{row[column.name] | format : column}}
  </td>
</tr>

根据列的类型，我的“格式”管道是否可以充当正确内置管道（退出的地方）的委托人？我不想重新实现 DecimalPipe、DatePipe 等。

Answer 1

是的，您可以调用管道 - 只需将它们实例化并调用 transform：

transform(cell: any, column: any): any {
    if (column.typeName === "INTEGER") {
        let pipe = new DecimalPipe();
        return pipe.transform(cell, "1.0-0");
    }
    // more here ...
}