3

在 angular.js 中保存资源后，我想广播更改以便可以更新列表视图。

    function EnvironmentCtrl($rootScope,  $scope, $location, $routeParams, environmentService) {
      environmentService.get($scope, $routeParams.id);
      $scope.id = $routeParams.id

      $scope.save = function(){
         $scope.environment.$save(function(data) {
           $rootScope.$broadcast("model-update");
         });
      } 
    }

   function NavController($scope, $http, $routeParams, environmentService) {
     environmentService.list($scope);
     $scope.$on("model-update", function(){
       environmentService.list(function(data){
         $scope.environments = data;
         console.log("update called", $scope.environments); 
       });
     });
   }

调用 EnvironmentCtrl.save 时，这些控制器之间的通信正常。console.log 被调用，服务返回给回调的数据在 $scope 中被正确设置。

我的服务的相关部分如下所示：

 services.factory('environmentService', [ '$resource', function($resource) {
   var environmentService = {};

   environmentService.list = function(callback) {
     var url = "/service/environment/"
     $resource(url).query(function(data) {
       callback(data);
     });
    }
    return environmentService;
  } ]);

我的观点如下：

  <li data-ng-repeat="env in environments">
    <a href="#/environment/{{env.id}}">{{env.name}}</a>
  </li>

但在刷新之前不会更新。

这一切都在“角度范围内”（据我所知），我原以为它会“正常工作”。我试过从回调中调用 $digest 。$apply 抱怨摘要已经在进行中。

谁能告诉我为什么视图没有更新？

4

1 回答 1

2

我同意在事件到达时模型应该已经更新。它看起来像角度的错误。

在那之前，如果这对您有用，您可以在 $timeout 内发出事件。

$timeout(function() {$rootScope.$broadcast("model-update");}, 0);
于 2013-02-13T12:07:30.043 回答