html - 在 html 模板中使用方法 Angular 2+

Question

在 html 模板中使用返回 true 或 false 的方法与直接在 html 模板 Angular 2+ 中编写这些条件有什么区别？

特别有趣的是第一个和第二个方法被调用的频率是多少？

示例:

<div *ngIf="array && array.length && (array.property === true)">test</div>

或

<div *ngIf="isArrayProperty()">test</div>

public isArrayProperty() {
 return array && array.length && (array.property === true);
}

Answer 1

正如 Alexander Staroselsky 指出的，主要区别是可维护性和可读性。一般来说，逻辑应该驻留在您的类型脚本文件中，而不是您的 View 中。您可以打破逻辑并查看的内容越多，您的网站就越容易维护。