ng-switch не обновляется автоматически

Question

Я столкнулся с необычным поведением с ng-switch, что я не могу понять. В верхней части моей страницы, у меня есть

#content{"ng-switch" => "root.showAlert"} 
    %div.alert.ng-cloak#alert{"ng-switch-when" => "true"} 
    {{root.alert.message}} 
    %div.close 
     %a{:href => "#", "ng-click" => "dismissAlert()"} 
     =image_tag "icons/icon-close-black.png" 

В одном из моих контроллеров (высокий уровень) У меня есть следующие действия

$scope.displayAlert = function(message) { 
    $scope.root.alert = { 
    message: message 
    }; 
    $scope.root.showAlert = true; 

    if (!$scope.$$phase) { 
    $rootScope.$digest(); 
    } 
} 

$ scope.root определена в $ rootScope так доступен ко всему.

Когда я меняю флаг root.showAlert на значение true, я ожидаю увидеть предупреждение, поскольку оно должно смотреть эту переменную, однако это происходит не сразу, а вместо этого отображается, когда я изменяю что-то еще в приложении, выполняя любые другие действия.

При добавлении моего $rootScope.$digest() он работает и отображается сразу, но мне было интересно, почему он не сделает это сам по себе?

увольнении:

$rootScope.dismissAlert = function() { 
    $scope.root.showAlert = false; 
    delete $scope.root.alert; 
} 

Answer 1

Если вызов digest() вызывает что-то изменить в вашем пользовательском интерфейсе, что в противном случае не происходит, то это означает, что данные, влияющие, что пользовательский интерфейс изменяется в некотором асинхронном коде или какой-либо другой код который не был выполнен из собственного контекста AngularJS.

Всех основные действия, которые имеют место в Угловом встроенной функциональности (ng-click, $http обратных вызовов и т.д.) называют scope.$apply (который, в свою очередь, вызывает scope.$digest) на соответствующих сферах для распространения изменений во всей системе. Если вы меняете код из внешнего мира Angular, вам нужно обернуть функциональность в scope.$apply (или позвонить scope.$digest), чтобы сделать это самостоятельно.

Возможно, в этом случае, что Угловой работают дайджест от области, на которой крепятся кнопка, но так как вы chanigng данных о корневой сферы, вам нужно, чтобы начать дайджест себя.

Для получения дополнительной информации см. this answer in Databinding in AngularJS.