首页 > angular的ng-class指令和class有什么区别

angular的ng-class指令和class有什么区别

刚学angular js两天,有一个疑惑,看到angular js中的ng-class指令可以为某一个元素结点添加相应的class。

但是想请问一下,这个跟直接给元素添加class有什么区别吗?angular js最终还是会解析ng-class指令中的内容,然后再给元素添加相应的class。这么做的优势体现在哪呀?就是为了后期方便修改这个元素结点的class吗。


我们html中使用的class对应的value是一个string;
angular中的ng-xxx 对应的是一个表达式。比如你这里的遇到的嗯ng-class, 对应的即是一个 key : value。
value为true时,应用key样式。
例如 ng-class="{ someClass : true }";

注意,如果你的样式为 some-class 则需要表示为字符串类型 ,比如:

ng-class="{ 'some-class' : true }";


ng-class是指令,方便你根据逻辑来改变class


ngClass的作用是可以根据条件来动态添加不同的class,而原生的class没有这个效果


比如:ng-class="{red: x > 5}"
如果x>5为true,则把名为red的class加入到class中,
用ng-class可以方便你在controller里对x进行操作,就可以动态添加或删除class,比你用javascript操作class那种在class列表里新增或删除class要方便多

【热门文章】
【热门文章】