Angular：管道与模型中的方法

Question

我在这个例子中使用模型中的函数：

//user.madel.ts
class User {
    getFullname () {
        return this.firstname + '  ' + this.lastName;
    }
}

// in html I can do this:
<span> {{ user.getFullName() }} <span>

是否应该使用管道？

Answer 1

Angular 管道在单个值下效果最好，因为纯管道具有性能优势。由于 firstname 和 lastname 都将被更改，纯管道不是一个选项，它将以任何一个

结束

{{ user.firstname | fullname(user.lastname }}

或

{{ user | fullname }}

不纯管道，与getter方法相比没有性能优势。

如果计算成本低，可以是 getter 方法或 get 属性访问器：

get fullname () {return this.firstname + '  ' + this.lastname;}

否则出于性能原因应缓存返回值。

Angular：管道与模型中的方法

Angular: Pipes vs methods in model

angular-pipe

angular