我有两个控制器:
function AppCtrl($scope, $dataService) {
$scope.projects = $dataService.data.projects;
}
function ProjectCtrl($scope, $route, $q) {
//Getting the current project from the array of projects
$scope.project = $scope.projects.then(function(projects) {
for(i in projects) {
if(projects[i]._id == $route.current.params.projectId) {
return projects[i];
}
}
});
}
还有我做的一项服务:
app.service('$dataService', function($q, $http, $location) {
var dataService = this; //Provides access 'this' inside functions below
var projectsDeferred = $q.defer();
$http.get('/api').success(function(data, status, headers, config) {
projectsDeferred.resolve(data.projects);
}).error(function(err) {
projectsDeferred.reject(err);
});
this.data = {projects: projectsDeferred.promise};
this.updateProject = function(project, updateData) {
$http.put('/api/projects/' + project._id, updateData).success(function(newData, status, headers, config) {
for(i in dataService.data.projects.$$v) {
if(project == dataService.data.projects.$$v[i]) {
dataService.data.projects.$$v[i] = newData;
}
}
}).error(function(data, status, headers, config) {});
};
});
当用户执行某个动作时,我会调用$dataService.updateProject()
which 将数据发送到服务器,如果成功,服务器将响应更新的数据,然后将数组中的匹配项目设置为新值。我可以确认$scope.projects
inAppCtrl
接收到更新,并且当新数据从服务器返回时,范围会自动更新。但是,$scope.project
永远ProjectCtrl
不会获得更新,并且会被旧数据卡住。我猜这是因为它只是数组中的一个对象?我$rootScope.$apply()
在函数中设置数据后尝试调用updateProject()
,但它给了我 $digest 已经在进行中的错误。我需要做什么来确保$scope.project
(单项)更新了吗?我需要为此做出新的承诺吗?有人可以举例说明它是如何完成的吗?