angular ng-class 三种方法

时间：2017-09-30 19:53:22 阅读：196 评论：0 收藏：0 [点我收藏+]

一、在controller 里定义class，通过class ="{{class}}"绑定。数据的双向绑定。

function changeClass(){
  $scope.className = "change2";
}

<div class="{{className}}"></div>

二、通过字符串数组绑定。

function changeClass(){
  $scope.className = true/false;
}
 
<div ng-class="{true:‘zhende‘,false:‘jiade‘}[className]"></div>

三、通过key/value形式。

function changeClass(){
  　$scope.lala = true;

　　$scope.select= false;

　　$scope.choice = false;

} <div ng-class="{‘selectClass‘:select,‘choiceClass‘:choice,‘haha‘:lala}"></div>

原文地址：http://www.cnblogs.com/RoadAspenBK/p/7615824.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行