Angular 动态样式:使用 ngStyle 和 ngClass 指令
Hello World!
在上面的例子中,我们使用了 ngStyle 指令来动态设置 div 的文本颜色和背景色。textColor 和 bgColor 是组件中定义的动态属性,它们的值会随着组件状态的变化而变化。
除了 ngStyle 指令,还可以使用 ngClass 指令来接收动态样式类。ngClass 指令可以接收一个字符串、数组或对象。字符串表示样式类名,数组表示多个样式类,对象表示条件样式类。
Hello World!
在上面的例子中,我们使用了 ngClass 指令来动态设置 div 的样式类。isActive 和 isLarge 是组件中定义的动态属性,它们的值会随着组件状态的变化而变化。当 isActive 为 true 时,div 会应用 active 样式类;当 isLarge 为 true 时,div 会应用 large 样式类。
原文地址: https://www.cveoy.top/t/topic/mIxf 著作权归作者所有。请勿转载和采集!