浅谈AngularJS中ng-class的使用方法

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

有三种方法

1、通过$scope绑定(不推荐) 2、通过对象数组绑定 3、通过key/value键值对绑定

实现方法

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

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同时使用

以上就是小编为大家带来的浅谈AngularJS中ng-class的使用方法全部内容了,希望大家多多支持编程之家~

原文链接:https://www.f2er.com/js/44480.html

猜你在找的JavaScript相关文章