AngularJS在其他函数之前运行服务函数

发布时间：2020-12-17 07:30:27 所属栏目：安全来源：网络整理

导读：我是AngularJS的新手,并且有一个加载我的初始用户配置的服务 angular.module('myApp').service('myService',['$http',function ($http) { var self = this; self.user = {}; self.loadConfiguration = function () { $http.get('/UserConfig').then(function

我是AngularJS的新手,并且有一个加载我的初始用户配置的服务

angular.module('myApp').service('myService',['$http',function ($http) {
    var self = this;
    self.user = {};

    self.loadConfiguration = function () {
        $http.get('/UserConfig').then(function (result) {
            self.user = result.data;
        });
    };

    self.loadConfiguration();
}]);

我有一个使用此服务配置的控制器

angular.module('myApp').controller('myController',['$scope','myService',function ($scope,myService) {
    var self = this;

    // calculation based on service value
    self.something = myService.user.something * something else;
}]);

这里的问题是myService.user.something可能是未定义的,因为调用此代码时AJAX请求可能尚未完成.有没有办法在任何其他代码运行之前完成服务？我希望服务函数’loadConfiguration’只运行一次,而不管依赖它的控制器的数量.

如果要确保在AJAX调用返回后控制器中的代码被执行,则可以使用事件.

在您的服务中使用此：

angular.module('myApp').service('myService','$rootScope',function ($http,$rootScope) {
    var self = this;
    self.user = {};

    self.loadConfiguration = function () {
        $http.get('/UserConfig').then(function (result) {
            self.user = result.data;
            $rootScope.$broadcast('myService:getUserConfigSuccess');
        });
    };

    self.loadConfiguration();
}]);

在你的控制器中：

angular.module('myApp').controller('myController',myService) {
    var self = this;

    $scope.$on('myService:getUserConfigSuccess',function() {
        // calculation based on service value
        self.something = myService.user.something * something else;
    })
}]);

您甚至可以将对象附加到事件中.

请参考https://docs.angularjs.org/api/ng/type/ $rootScope.Scope.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!