AngularJS中ng-class使用方法

前端之家收集整理的这篇文章主要介绍了AngularJS中ng-class使用方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

有三种方法

1、通过$scope绑定(不推荐)

2、通过对象数组绑定

3、通过key/value键值对绑定


实现方法

1、通过$scope绑定(不推荐):

[javascript] view plain copy
  1. functionctrl($scope){
  2. $scope.className="selected";
  3. }

[html] copy
    <divclass="{{className}}"></div>


2、通过对象数组绑定:


当isSelected为true时,增加selected样式;当isSelected为false时,增加unselected样式。


3、通过key/value键值对绑定:


当isA为true时,增加A样式;当isB为true时,增加B样式;当isC为true时,增加C样式。


根据projects循环创建ion-item,当activeProject为当前循环到的project时,增加active样式。


几点说明:

1、不推荐第一种方法,因为controller$scope应该只有数据和行为

2、ng-class是增加相关样式,可以和class同时使用

原文链接:https://www.f2er.com/angularjs/148296.html

猜你在找的Angularjs相关文章