Запускают ли события Angular Scope (отправленные через `$ broadcast`) очередь событий?

Question

Я пытаюсь установить $broadcast событие, чтобы указать, что какой-то AJAX происходит, поэтому пользовательский интерфейс отключает элементы управления в форме. В настоящее время кажется, что эти события не входят в очередь событий и немедленно обрабатываются.

Код, над которым я работаю, зависит от этого поведения, поэтому мне интересно, насколько это возможно? Некоторая авторитетная ссылка была бы полезной (в документе не упоминается ничего конкретного).

Answer 1

EDIT - После прочтения ваших комментариев может возникнуть необходимость в создании системы очередей с инжекцией зависимостей и обратными вызовами.

app.factory('FirstService', function($rootScope, SecondService){ 
    $rootScope.loading = true 
    .success(function(){ 
    SecondService.AJAXCall(); 
    }); 
}) 
.factory('SecondService', function($rootScope){ 
    var vm = this; 
    vm.AJAXCALL = function(){ 
    $rootScope.processing = true; 
    //AJAX Call 
    .complete(function(){ 
     $rootScope.processing = false; 
     $rootScope.loading = false; 
    }) 
    } 
}) 
.controller('FirstController', function($rootScope){ 
    var vm = this; 
    vm.loading = $rootScope.loading; 
}) 
.controller('SecondController', function($rootScope){ 
    var vm = this; 
    vm.processing = $rootScope.processing; 
}); 

<div ng-controller="FirstController as first"> 
    <form ng-disabled="first.loading"><form> 
</div> 
<div ng-controller="SecondController as second"> 
    <img ng-show="second.processing" /> 
</div> 

$broadcastblasts the event down scope, так что имеет смысл, что они будут уволены сразу и не ставить в очередь событий. Вот визуализация:

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

Добавить логику к контроллеру:

app.module('AppCtrl', function($rootScope){ 
    var vm = this; 
    vm.loading = $rootScope.loading; 
}); 

Затем добавьте логику ngDisabled в HTML:

<div ng-controller="AppCtrl as app"> 
    <form ng-disabled="app.loading"><form> 
</div> 

Тогда перед вашим вызовом AJAX, установить $rootScope переменную:

app.service($rootScope){ 
    $rootScope.loading = true; 
    //AJAX CALL 
    .complete(function(){ 
    $rootScope.loading = false; 
    }); 
}