javascript - 使用 ng-class 在 ng-click 功能上切换类时出现问题

Question

有人可以告诉我哪里出了问题吗？我基本上对一个值进行了简单的检查 - 如果该值是 true，则应该将类设置为 headerOn。如果为 false，则应为 headerOff。简单的。代码如下:

<div ng-class="headerCheck ? 'headerOn' : 'headerOff'">

以及我点击的功能:

$scope.headerControl = function() {

    $scope.headerCheck = true;

    console.log($scope.headerCheck);
}

我可以确认日志是真的。有什么想法为什么这对我不起作用吗？

Answer 1

问题在于这里的语法。

正确的方法是:

<div class="{{headerCheck ? 'headerOn' : 'headerOff'}}">

或

<div ng-class="{'headerOn': headerCheck, 'headerOff' : !headerCheck }">