ngClass指令只接受初始值,并不会动态更新。要动态更新ngClass的值,可以使用以下解决方法:
示例代码:
// 组件类
export class MyComponent {
isActive: boolean = false;
}
// 组件模板
示例代码:
// 组件类
export class MyComponent {
isActive: boolean = false;
getClasses() {
return this.isActive ? ['active'] : [];
}
}
// 组件模板
示例代码:
// 组件类
export class MyComponent {
isActive: boolean = false;
getClassObj() {
return {
'active': this.isActive
};
}
}
// 组件模板
通过以上解决方法,可以动态更新ngClass的值,根据条件添加或移除样式类。