在ng-click上切换css

Question

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

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

我想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).