码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS中ng-class使用方法

时间:2018-01-22 19:20:57      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:键值   fun   应该   classname   根据   样式   control   ctr   $scope   

有三种方法: 1、通过$scope绑定(不推荐) 2、通过对象数组绑定 3、通过key/value键值对绑定 实现方法: 1、通过$scope绑定(不推荐): function ctrl($scope) { $scope.className = "selected"; }
2、通过对象数组绑定: function ctrl($scope) { $scope.isSelected = true; }
当isSelected为true时,增加selected样式;当isSelected为false时,增加unselected样式。 3、通过key/value键值对绑定: function ctrl($scope) { $scope.isA = true; $scope.isB = false; $scope.isC = false; }
当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使用方法

标签:键值   fun   应该   classname   根据   样式   control   ctr   $scope   

原文地址:https://www.cnblogs.com/chaixiaoxia/p/8330134.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!