赞
踩
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种组合。
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。