Angularjs服务回调以更新控制器的范围

Angularjs service callback to update scope of controller

具有第三方库回调函数的服务：

1
2
3
4
5
6
7

mbAppModule.service('aService', function ($http) {
this.data={"somedata":0};
var m3rdPartLib="init"; // init
m3rdPartLib.on('timeupdate', function() {
this.data.somedata=1;
});
}

和一个控制器

1
2
3
4
5

mbAppModule.controller({
MController: function ($scope, $http, mService) {
$scope.mService= mService;
});
});

HTML页面

1	{{mService.data.somedata}}

问题：

m3rdpartlib.on()是一个第三方库回调函数，我在服务中使用它。我想在用户界面中显示它，因为它正在被更新。在回调时，值将被更改，但不会反映在UI上。

读取一些文档并找到$rootscope。$apply可以被调用，但服务中没有$scope/$rootscope的引用。

您可以依赖$rootScope并在服务中调用apply。

1
2
3
4
5
6
7
8
9
10
11

mbAppModule.service('aService', ["$http","$rootScope", function ($http, $rootScope) {
this.data = {
"somedata": 0
};
var m3rdPartLib ="init"; // init
m3rdPartLib.on('timeupdate', function () {
$rootScope.$apply(function(){
this.data.somedata = 1;
});
});
}]);