标签:逻辑 div angular 比较 表达 不同 selected pre 项目
ng-class最大的妙用就是可以根据你的逻辑表达式。来添加或移除对应的class
ng-class是angular.js里面内置的一个指令。
项目中,有时候,我们需要根据需求来切换不同的class
function bb($scope){ $scope.ss="className"; } <div class="{{ss}}"></div>
这种方式是scope变量绑定方式,个人觉得妙用谈不上,还不如直接写class=什么的
function bu($scope) { $scope.ss= true; } <div ng-class="{true: ‘a‘, false: ‘b‘}[ss]"></div>
根据你的逻辑去切换 ss的true或者false,来显示对应的cass
function Ctr($scope) { } <div ng-class {‘selected‘: isSelected, ‘car‘: isCar}"></div>
当 isSelected = true 则增加selected class,当isCar=true,则增加car class。以此类推。
标签:逻辑 div angular 比较 表达 不同 selected pre 项目
原文地址:http://www.cnblogs.com/null11/p/6136208.html