这是我的代码的基本思想:
HTML(玉):
#preferencesBox(ng-click="toggleCustom()") .glyphicon.glyphicon-heart
CSS:
#preferencesBox.active{ color: #d04f37; }
角度:
$scope.check = true; $scope.toggleCustom = function() { $scope.check = $scope.check === false ? true: false; };
我想在用户点击父#preferencesBox时添加css颜色:#d04f37.添加/删除.active是jQuery的方式.我的ng-class或其他代码应如何?
解决方法
您可以在ng-class中使用将观察check变量的表达式:
ng-class="{'active' : check}"
当check = true时,添加class active