在我的模板中,我想检查是否有服务可用于启用/禁用按钮。现在我想我有 2 个选择:
模板:
<button [disabled]="isServiceAvailable()"></button>
TS:
isServiceAvailable(): boolean {
return true;
}
或
模板:
<button [disabled]="isServiceAvailable"></button>
TS:
get isServiceAvailable() {
return true;
}
两者之间有性能差异吗?我知道第一个被认为是坏的,因为每次运行变化检测时都会调用该函数。第二种选择也是如此吗?每次都会执行getter吗,或者这是一个好的解决方案?
最佳答案
使用像 https://stackblitz.com/edit/angular-c4j8dz 这样的简单测试您会看到 get foo(){ return true; 之间的方法调用没有区别。 }
和一个普通函数 foo(){return true;}
以防事件发生变化。
关于angular - Angular 模板中的 getter 和调用函数之间的性能差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55262132/