Angularjs服务回调以更新控制器的作用域

Question

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

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

还有一个控制器

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

html页面

{{mService.data.somedata}}

m3rdPartLib。on（）是一个第三方库回调函数，我正在服务中使用它。我想在它更新时在ui中显示它。在回调时，值会发生更改，但不会反映在ui上。

阅读一些文档并找到$rootScope$可以调用apply，但我在服务中没有$scope/$rootScope的引用。

Answer 1

使用$scope$观看功能。看看我的胳膊。我没有你的库，所以我只模拟它-值在5秒后从0变为1。

Answer 2

我需要从服务中更新一个输入字段，因为它有监听器，而没有监听器会随机动态地更改数据。

这也可用于调用控制器中的作用域函数：

//scope will be set to current scope of a controller
//which has an ng-view containing this element    
var scope = angular.element('#input-element').scope();
//wrap changes in an apply call to make sure view and model are consistent
scope.$apply(function() {
    scope.object.data = value;
});

感谢这篇文章：如何使用AngularJS访问浏览器控制台中的$scope变量？

Answer 3

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

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;
        });
    });
}]);