AngularJS承诺不更新范围设置为在阵列

单个项目我有两个控制器：AngularJS承诺不更新范围设置为在阵列

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()这将发送数据到服务器，如果成功，服务器将响应更新的数据，然后将数组中的匹配项目设置为新值。我可以确认$scope.projects在AppCtrl接收到更新，并且当新数据从服务器返回时，作用域会自动更新。然而，$scope.project在ProjectCtrl从来没有得到更新，它是与旧数据卡住了。我想这是因为它只是数组中的单个对象？在updateProject()函数中设置了数据后，我尝试调用$rootScope.$apply()，但它给了我一个$摘要已经在进行的错误。我需要做些什么才能确保$scope.project（单个项目）得到更新？我需要为此做出新的承诺吗？有人可以展示它是如何完成的吗？

来源

2013-01-14 Matt Reyer

只是一个简单的问题。 ProjectCtrl中的$ scope.projects属性来自哪里？ –

啊，对不起，我没有指定。它和'AppCtrl'中的$ scope.projects是一样的。 'ProjectCtrl'实际上是一个'ng-view'，它嵌套在'AppCtrl'中。 –

问题基本上就是你说的，$scope.project是对$scope.projects数组内对象的引用，所以它会保存它的引用直到Controller被销毁。

尝试看对$scope.projects变化和（重新）分配$scope.project当它发生：

function ProjectCtrl($scope, $route, $q) {   
    $scope.$watch('projects', function(projects) { 
     for (i in projects) { 
      if(projects[i]._id == $route.current.params.projectId) { 
       $scope.project = projects[i]; 
      } 
     } 
    }, true); 
}

来源

2013-01-15 00:42:11 bmleite

优秀。而已。万分感谢。 –

AngularJS承诺不更新范围设置为在阵列

回答

相关问题