使用模板中的对象原型方法在 Angular 中进行渲染

Question

我想知道当使用这些来自Object Prototype继承的方法或属性时，例如：

value.substring(0, 5)
value.toString()

在模板中使用：

<div>{{value.substring(0, 5)}}</div>

在模板中使用它会产生不必要的渲染周期，因为在模板中使用方法会产生此问题。

Answer 1

您可以使用常规的类级别属性

<div>{{valueToDisplay}}</div>

public valueToDisplay: string;

private update(value: string): void {
   this.valueToDisplay = value.substring(0, 5);
}

或者，创建一个 Angular

pipe

，它接受

value

，并返回该

substring

 的 

value