在ng-click上切换css

Question

这是我的代码的基本概念：

HTML（jade）：

#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;
};

我想在用户点击父color : #d04f37时添加css #preferencesBox。添加/删除.active是jQuery方式。我的ng-class或其他代码应该如何？

Answer 1

您可以在ng-class内使用将观看check变量的表达式：

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

当check = true时，添加课程active

Answer 2

看看下一个例子并申请Jade：

<header ng-click="click()" ng-class="{'active': active == true}">Hello</header>

然后，在你的控制器中：

$scope.click = function(){
    $scope.active = true;
}

我说这很简单，可以让你开始并添加逻辑以切换到click()（它只是一个if）。