ngClass，使用函数评估元素类的性能和最佳实践方法
提问于 2020-07-08 02:07:59
在获得函数的按钮元素上使用ngClass，代码是关于：
启动formGroup和函数
gentrateForm() {
this._formGroup = this.formBuilder.group({
remarks: '',
});
}
getButtonClasses() {
const inpulValue = this._formgroup.get('remarks');
if (inpulValue.value) {
return `some css classes`;
} else {
return `other classes + disabled class`;
}
}}
最后，蚂蚁组件html。
<button
[ngClass]="getButtonClasses()">
Delete
</button>我的问题：
- 是否更好(性能方面的观点)--在模板本身使用ngClass逻辑，还是更好地将其移到类中？
- 还有其他实现方法吗？其他路径？
回答 1
Stack Overflow用户
发布于 2020-07-08 02:16:21
在我看来，最好将模板和代码分开。你的案子：
<input formControlName="remarks" #remarks/>....
<button
[ngClass]="{'class1 class2 class3': remarks.value}">
Delete
</button>如果只有一节课，那就更容易了：
<button
[class.class1]="remarks.value">
Delete
</button>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62792354
复制相关文章
腾讯云开发者
