ng-class

使用ng-class动态设置元素的类,方法是绑定一个代表所有需要添加的类的表达式。重复的类不会添加。当表达式发生变化,先前添加的类会被移除,新类会被添加。

下面的例子会用ng-class在一个随机数大于5时将.red类添加到一个div上:

     <div ng-controller="LotteryController">         <div ng-class="{red: x > 5}"

             ng-if="x > 5">

             You won!         </div>

         <button ng-click="x = generateNumber()"             ng-init="x = 0">             Draw Number

</button>

         <p>Number is: {{ x }}</p>
     </div>
.red {    background-color: red;
}
angular.module('myApp',[]).controller('LotteryController', function($scope) {
    $scope.generateNumber = function() {        return Math.floor((Math.random()*10)+1);
};});