当前位置:   article > 正文

ng-class与class的区别_ngclass和class和[class]

ngclass和class和[class]

1.ng-class是根据 key: value来设置class

2.

ng-class="{'IM_selected':(status.currTalkTo.FRIENDID==item.FRIENDID)}"

这是js的语法,解释如下: 如果status.currTalkTo.FRIENDID == item.FRIENDID 对等,就显示 IM_selected,否则就不显示,这种语法在项目中经常用到,作用是获取当前页。

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

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

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

6.

function Ctr($scope) { 
    $scope.isActive = true;
}

<div ng-class="{true: 'active', false: 'inactive'}[isActive]">
</div>
isActive表达式为true,则 active,负责inactive。
7.对象key/value处理主要针对复杂的class混合,其形如:
function Ctr($scope) { 

}

<div ng-class {'selected': isSelected, 'car': isCar}">
</div> 

当 isSelected = true 则增加selected class,
当isCar=true,则增加car class,
所以你结果可能是4种组合。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/436154
推荐阅读
相关标签
  

闽ICP备14008679号