css - 在 ng-click 上切换 css

Question

这是我的代码的基本思想:

HTML( Jade ):

#preferencesBox(ng-click="toggleCustom()")
   .glyphicon.glyphicon-heart

CSS:

#preferencesBox.active{
   color: #d04f37;
}

Angular :

$scope.check = true;
$scope.toggleCustom = function() {
    $scope.check = $scope.check === false ? true: false;
};

我想在用户单击父 #preferencesBox 时添加 css color : #d04f37。添加/删除 .active 是 jQuery 方式。我的 ng-class 或其余代码应该是什么样子？

Answer 1

您可以在 ng-class 中使用表达式来监视 check 变量:

ng-class="{'active' : check}"

当check = true时，添加类active