Angular 替换表达式4中的字符串

我有一个json文件，其名称如下

[
    { "fruits" : "orange"
    },
    { "fruits" : "apple"
    }
]

和一个法线

<div>{{fruits}}</div>

{{fruits}

---

如何将结果中的字符串更改为其他单词，例如，我希望橙色变成Oren，苹果变成apel，而无需修改json文件。我有30多个单词需要替换。

您需要使用

管道

查看
这听起来像是管道的完美用例

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({name: 'fruitMapper'})
export class FruitMapperPipe implements PipeTransform {
  transform(value: string): string {
    let result: string = value;
    // reassign result in a switch-block
    return result;
  }
}

然后在你的模板中

<div>{{fruits | fruitMapper}}</div>

{{fruits | fruitMapper}