Question

我有一个水果名称的json文件，就像

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

和角度正常

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

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

Answer 1

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

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>

Answer 2

您需要使用pipes。

查看documentation

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

2 个答案: