ng-style和ng-class的应用

Posted 芒果加冰

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ng-style和ng-class的应用相关的知识,希望对你有一定的参考价值。

ng-style="{设置样式的条件?‘条件成立时的样式’:‘条件不成立时的样式’}"
例如:
ng-style="{color:a>b?red:blue}"

当a>b时颜色为红色;当a<b或a=b;条件不成立时,颜色为蓝色

ng-class="{‘条件为true时的class样式‘:条件=true,‘条件为false时的class样式‘:条件=false}"

true和false不是绝对的,只是判断样式的条件,也可以为别的判断条件

  

以上是关于ng-style和ng-class的应用的主要内容,如果未能解决你的问题,请参考以下文章

如何动态更改 css 值(如整个应用程序中的颜色)等

AngularJS如何在使用ng-style时启用彩色打印css?

Angular CSS:ng-style 为一半工作,而不是其他

如何将 ng-style 与 !important 一起使用?

以角度更改 div 的背景颜色

如何在 ng-style 指令中根据多个条件应用多种样式?