我在 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.list
eventhoughmyController
的范围已经可以控制它):
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()
,包括对控制器进行必要的更改,但这没关系,虽然结果相同)。
所以任何人都可以在这里弄清楚发生了什么,以及这里可能的解决方案是什么?谢谢。