角度替换管道操作员不工作

Question

我在角度使用替换运算符，但我收到以下错误，任何人都可以让我知道问题是什么。

https://stackblitz.com/edit/angular-idantm?file=app%2Fhello.component.ts

Answer 1

您需要创建一个名为replace的自定义管道，因为Angular在构建

中没有管道

import {Pipe} from "@angular/core";

@Pipe({name: "replace"}) export default class {
  transform(value: string, replacements: {[key: string]: {}}): string {
    return Object
      .entries(replacements)
      .reduce((result, [key, value]) => result.replace("{{" + key + "}}", value), value);
  }
}