Question

我在模型中使用函数，如下例所示：

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

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

是否正确或我应该使用烟斗？

Answer 1

角度管道在单个值下效果最佳，因为纯管道具有性能优势。由于预计firstname和lastname都会被更改，因此纯管道不是一个选项，它将以

结尾

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

或

{{ user | fullname }}

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

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

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

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

Angular：管道与模型中的方法

1 个答案: