javascript - 使用ng-class在ng-click函数上切换类的问题

有人可以告诉我这出了什么问题吗？我基本上可以简单地检查一个值-如果该值为true，则应将类设置为headerOn。如果为false，则应为headerOff。简单。这是代码：

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

我击中的功能：

$scope.headerControl = function() {

    $scope.headerCheck = true;

    console.log($scope.headerCheck);
}

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

最佳答案

问题是这里的语法。

正确的方法是：

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

要么

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

关于javascript - 使用ng-class在ng-click函数上切换类的问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28546712/