Question

我有一个奇怪的问题，我不理解我正在尝试设置的类切换条件。

如果用户按下特定按钮，我有一个我想要显示的模式页面。按下时，它会将变量moodActive更改为true，当此bool设置为true时，将显示模态：

<div ng-include src="'partials/phrase.html'" class="all_height nav_wrapper" navimation></div>

  <div ng-include src="'partials/mood-select.html'" class="select_mood all_height" ng-class="moodActive ? 'active' : 'hidden'"></div>

在partials/mood-select.html模板中我有一个关闭按钮，其中包含以下ng-click：

<b class="close icon-close" ng-click="moodActive = false"></b>

加载页面工作，单击按钮显示模态，使用关闭按钮正确隐藏它。问题是再次点击按钮不再有效。它将bool设置为true，但不会触发ng-class条件。

我错过了什么吗？一切都在同一个控制器内。

更新：添加控制器

我剥离了控制器中与案件无关的部分。

app.controller('selectionController', function($scope, $location, $http, Utils, Actions, Moods, Places) {

  //USER NAV
  $scope.moodActive = false;
  $scope.actionActive = false;

  $scope.resultats = function(){
    var mood;
    var actions;

    //Checking for mood variable
    if(mood == null){
      // mood isn't defined
      $scope.moodActive = true;
    }

  }

MARKUP

<a href='' class='btn red_to_blue' data-js='step_submit_phrase' ng-click="resultats()">Définir mon mood</a>

ng-class条件只能工作一次

0 个答案: