Почему не могу обновить данные при получения события?

Question

[Владислав Калмыков]

Здравствуйте!
Подскажите, пожалуйста, в проблеме.

Есть функция, которая добавляет данные в БД.
После добавления отправляется событие $rootScope.$broadcast('db:change'):

$scope.addDb = function (name) {
        NetFactory.addDb(name).then(
            function (data) {
                $scope.message = data;
            }
        );

        $rootScope.$broadcast('db:change');
};

Код, который прослушивает событие:

$rootScope.$on('db:change', function () {
        NetFactory.getDbList().then(function (value) {
            $scope.dbList = value;
        });
});

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

Подскажите, пожалуйста, как решить проблему?
Или можно как-то лучше организовать обновление данных, в том числе и в разных контроллерах сиблингах?

Answer 1

[Олег Драпеза]

Добрый день!

Broadcast вызывается до успешного добавления данных, поэтому его надо перенести в then. Попробуйте так:

$scope.addDb = function (name) {
        NetFactory.addDb(name).then(
            function (data) {
                $scope.message = data;
                $rootScope.$broadcast('db:change');
            }
        );
};

Comments

[Владислав Калмыков]

Спасибо большое, помогло! Может, конечно, задам глупый вопрос, но почему он вызывается до успешного добавления данных?

[Олег Драпеза]

Не за что)
Почитайте про Promise - https://learn.javascript.ru/promise

Это асинхронная операция, поэтому порядок исполнения такой:
console.log(1);
promise.then(function() {
console.log(3); // выполнится в отдельном потоке кода, как только получит ответ от сервера.
};
console.log(2); // выполнится сразу после объявления promise, ответ еще не получен

[Владислав Калмыков]

Олег Драпеза: хорошо, прочту, еще раз спасибо!