0

我在 Hawtio 环境中有一个应用程序作为插件。要求是使用 Jolokia 请求,而不是使用直接$http服务调用。

所以我有具有检索功能的工厂/服务。

app.factory('myService', function($q, jolokia) {
    data: {
        list: []
    },
    retrieve: function() {

        var self = this;

        // var deferred = $q.deferred();

        jolokia.request({
            type: 'exec',
            mbean: mybean.mbean,
            operation: 'ops',
            arguments: [...]
        }, {
            method: 'POST',
            success: function(response) {
                var temp = [];

                /* assign values to temp from response */
                self.assignValuesToList(temp);

                /* log shows data.list is loaded by values */
                log("[service] " + self.data.list); // Hawtio uses a different logger

                // deferred.resolve();
            }   
        }, {
            error: function(error) {
                // error handling here

               // deferred.reject(error);   
            }
        });

        // return deferred.promise;
    }
});

这是我的控制器(该服务被其他控制器重用,这就是为什么我必须重新分配myService.data.listeventhoughmyController的范围已经可以控制它):

app.controller('myController', function($scope, myService) {

    $scope.ctrl.copyOfList = [];

    angular.extend($scope, myService);

    $scope.init = function() {
        $scope.search();
        log("[after search] " + $scope.ctrl.copyOfList);
    };

    $scope.search = function {

        $scope.retrieve();
        $scope.ctrl.copyOfList = $scope.data.list;
        $scope.$apply();

        log("[search] " + $scope.ctrl.copyOfList);
    };
});

和html:

<div ng-controller='myController' ng-init='init()'>

    <table>
        <thead>...</thead>
        <tbody>
            <tr ng-repeat='entry in ctrl.copyOfList'>
            ...
            </tr>
    </table>

</div>

这是我的日志顺序:

[search] [] // empty
[after search] [] // empty
[service] [...] // service.data.list has values fetched by jolokia request from server

桌子是空的。

由于手头的异步问题,我尝试使用promise(只需取消注释上面服务的延迟行)。我的控制器变成

app.controller('myController', function($scope, myService) {

    $scope.ctrl.copyOfList = [];

    angular.extend($scope, myService);

    $scope.init = function() {
        $scope.search();
        log("[after search] " + $scope.ctrl.copyOfList);
    };

    $scope.search = function {
        $scope.retrieve().
        then(function() {

            $scope.ctrl.copyOfList = $scope.data.list;
            log("[controller] " + $scope.ctrl.copyOfList);

            $scope.$apply();

        }, function(error) {
            // error handling here
        });

        log("[after promise] " + $scope.ctrl.copyOfList);
    };
});

现在我的日志看起来像:

[after promise] []
[after search] []
[service] [...]

// [controller] [...] log does not execute

桌子还是空的。这里更令人困惑的是,在我离开使用的页面之前myController[controller][...]日志将在控制台上打印,并会立即写入表格的内容$scope.ctrl.copyOfList并填充表格,然后突然更改页面。

(我也尝试使用deferred.resolve(self.data.list)instead of deferred.resolve(),包括对控制器进行必要的更改,但这没关系,虽然结果相同)。

所以任何人都可以在这里弄清楚发生了什么,以及这里可能的解决方案是什么?谢谢。

4

1 回答 1

1

在 jolokia 成功/错误回调中,您需要一个 $scope.$apply() 来触发 Angular 的事件循环。在这样的服务中,我通常注入 $rootScope 并使用 Core.$apply($rootScope)

于 2014-12-02T12:55:52.737 回答