AngularJS - «Цепочные обещания» с другими функциями между

Question

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

Поскольку вызываемые функции обычно имеют асинхронные вызовы, просто добавление кода последовательно не работает.

var ngSubmit = function() { 
    vm.disabled = true; 
    $scope.ngSubmitFunction(); 
    vm.disabled = false; 
} 

Кнопка активирована перед вызовами асинхронного вызова в режиме ngSubmitFunction().

Так я думал, что это обещание будет исправить, что и сделал что-то вроде:

var promise = function() { 
    return $q(function (resolve) {$scope.ngSubmitFunction()}); 
} 
var ngSubmit = function() { 
    vm.disabled = true; 
    promise().then(function() { 
    vm.disabled = false; 
    }); 
} 

Это не выдает какую-то ошибку, но никогда не позволяет кнопку еще раз (.then никогда не называется).

Пробовал другой вид обещания декларации, все с тем же результатом, за исключением этого один:

$scope.submitPromise = function() { 
    return $q.when($scope.ngSubmitFunction()); 
} 

Это называет .then функции, но опять же, не ждать, пока какой-либо функции ребенка асинхронного закончить , «. then» вызывается мгновенно, как последовательная версия.

Имейте в виду, что я не знаю, что находится под ngSubmitFunction(). Он используется десятками разработчиков и может содержать от 0 до нескольких асинхронных вызовов. Но типичный сценарий что-то вроде:

ngSubmitFunction() вызывает Func()

- FUNC() решает кастрированный баран позвонить создать() или обновление()

- - обновление () вызывает elementFactory.update(), который является асинхронным вызовом

- - - elementFactory.update(). then (function()) вызывается по завершении.

- - - - В ЭТОМ пункте я должен снова включить кнопку.

Как я могу это достичь? есть ли способ связать обещания с функциями обезвреживания между ними? или другой способ сделать код только выполняться, когда все остальное сделано? Я думал о создании события в DataFactory, когда асинхронный вызов завершен, но если функция update() вызывала более одного асинхронного вызова, это не сработало.

Answer 1

Если вы используете обещания, ваши функции асинхронных должны возвращать обещания, если они делают это должно работать так:

var ngSubmit = function() { 
    vm.disabled = true; 
    $scope.ngSubmitFunction().then(() => { 
     vm.disabled = false; 
    }); 
} 

Answer 2

Я не знаю, что под ngSubmitFunction()

Тогда вам не повезло, обещания вам не помогут. Обещания или $q.when не могут волшебным образом проверить вызов и посмотреть, какие асинхронные вещи он начал или даже дождался, - ngSubmitFunction() должно вернуть обещание для своих асинхронных результатов.

Вам необходимо сделать каждые функции в вашей кодовой базе, которая (возможно) делает что-то асинхронное, что должно быть долгожданным. Нет никакого способа обойти это.

Answer 3

Ну, на случай, если кто-то задается вопросом, мы не нашли решения для этого (вероятно, нет). Таким образом, мы перейдем к добавлению возвратов ко всей цепочке функций, чтобы удостовериться, что ngSubmitFunction получает обещание, и поэтому может дождаться его завершения до вызова «.then». Мало того, что это работает для тех случаев, когда есть только одно обещание, но это также хорошая практика программирования.

Случаи с более чем одним обещанием ограничены, поэтому мы будем рассматривать их отдельно на самом контроллере.

Спасибо всем за ваши комментарии.