我是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.
原文地址:https://www.jb51.cc/angularjs/142207.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。