如何在變量更改時更新角度ng-class？

Question

我希望當我的控制器中的變量發生變化時，我的ng-class被更新。出於某種原因，它僅在頁面加載時觸發，並且在變量更改時，ng-class不會更新以反映此情況。

這裏是觸發變量變化的代碼：

<a class="cs-mobile-menu__close-icon" ng-click="switchMobileMenu('right')"> 
</a> 

這裏是，我想取決於可變改變代碼：

<div class="right-menu__user" 
     ng-class="{ 
        'animate': true, 
        'animate--leave': !isRightMenuOpen}"> 
    {{user.firstName}} {{user.lastName}} 
</div> 

這裏被從控制器相應的代碼：

$rootScope.isLeftMenuOpen = false; 
$rootScope.isRightMenuOpen = false; 

$scope.switchMobileMenu = function(direction) { 
     if (direction === 'left') { 
      $scope.isLeftMenuOpen = !($scope.isLeftMenuOpen); 
     } else { 
      $scope.isRightMenuOpen = !($scope.isRightMenuOpen); 
     } 
}; 

看來，ng級只在初始設置ng-click。我相信我需要在$scope.apply()函數中包裝上述函數，以便ng-class監視更改並將它們應用爲ng-click來切換變量。我在正確的軌道上嗎？如果是這樣，我將如何做到這一點？

Answer 1

你不需要$ scope。$ apply。工作示例：https://jsbin.com/fogasiniku/edit?html,js,output

你真的在CSS類名中有雙破折號嗎？