AngularJS中ng-class使用方法

有三种方法: 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样式。 {{project.title}} 根据projects循环创建ion-item,当activeProject为当前循环到的project时,增加active样式。 几点说明: 1、不推荐第一种方法,因为controller $scope应该只有数据和行为 2、ng-class是增加相关样式,可以和class同时使用
posted @ 2018-01-22 17:23  ぃ尐懒貓ヤ  阅读(121)  评论(0编辑  收藏  举报