亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

AngularJS中ng-class用法實例分析

 更新時間：2017年07月06日 10:36:16   作者：Annexu1991  
這篇文章主要介紹了AngularJS中ng-class用法,結(jié)合實例形式分析了ng-class的功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下

本文實例講述了AngularJS中ng-class用法。分享給大家供大家參考，具體如下：

使用 ng-class 動態(tài)設(shè)置元素的類，方法是綁定一個代表所有需要添加的類的表達(dá)式。重復(fù)的類不會添加。當(dāng)表達(dá)式發(fā)生變化，先前添加的類會被移除，新類會被添加。

在angular中為我們提供了3種方案：

① 通過數(shù)據(jù)的雙向綁定（不推薦使用）
② 通過對象數(shù)組。
③ 通過key/value

一、通過數(shù)據(jù)雙向綁定：

function changeClass(){
 $scope.className = "change2";
}
<div class="{{className}}"></div>

二、通過字符串?dāng)?shù)組的形式來改變

<div ng-controller="firstController">
 <div ng-class="{true:'change1',false:'change2'}[className]"></div>
</div>
<script>
 var app=angular.module("myModule",[])
  app.controller('firstController',function($scope){
   $scope.className=true;
  })
</script>

三、通過key/value

function Ctr($scope) {
}
<div ng-class {'selected': isSelected, 'car': isCar}">
</div>

說明：當(dāng)isSelected為真的時候則添加class  ‘selected'  當(dāng)isCar為真的時候則添加class  ‘car'

更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》

希望本文所述對大家AngularJS程序設(shè)計有所幫助。

相關(guān)文章

最新評論