angular - 実行時にパイプ名 /metadata を使用してパイプを呼び出す

Question

どのパイプを使用するか (If Any) を実行時に決定する動的テーブルを構築しようとしています。

（簡略化）に似たものを達成しようとしています：

export class CellModel {
     public content: any;
     public pipe: string
}

テーブル

<tbody>
     <tr *ngFor="let row of data">
         <template ngFor let-cell [ngForOf]=row>
           <td *ngIf="cell.pipe">{{cell.content | cell.pipe}}</td>
           <td *ngIf="!cell.pipe">{{cell.content}}</td>
     </tr>
</tbody>

この例ではエラーが発生することを理解しています。Reflect は何らかの方法またはその他の解決策として使用できますか?

Answer 1

パイプを動的に適用することはできません。できることは、どの変換を行うかを決定する「メタ」パイプを構築することです。

@Pipe({
  name: 'meta'
})
class MetaPipe implements PipeTransform {
  transform(val, pipes:any[]) {
    var result = val;
    for(var pipe of pipes) {
      result = pipe.transform(result);
    }
    return result;
  }
}

そしてそれを次のように使用します

<td *ngIf="cell.pipe">{{cell.content | meta:[cell.pipe]}}</td>