Why can't I update data when receiving an event?

Question

Angular

Hello!
Please tell me the problem.
There is a function that adds data to the database.
After adding, the $rootScope.$broadcast('db:change') event is dispatched:

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

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

Code that listens to the event:

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

When I click on the button that calls the add function, the data is updated in different ways - it will be updated immediately, then it will be updated after the second addition or the third, etc.
Tell me, please, how to solve the problem?
Or is it possible to somehow better organize data updating, including in different sibling controllers?

Answer 1

Good afternoon!
Broadcast is called before the data is successfully added, so it should be moved to then. Try like this:

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