如何从另一个控制器更新控制器的ng-repeat模型？(How to update the ng-repeat model of controller from another controller?)

 我有两个带有自己控制器的<div> 。 第一个div有一个ng-model="listEntries" 。 我在这个<div>的控制器中初始化listEntries 。 
 
app.controller('firstController', function($scope,serviceForFirst){
      serviceForFirst.init();
      serviceForFirst.getList($scope);
});
 
 HTML 
 
<div ng-controller="firstController">
 <ul>
  <li ng-repeat="each in listEntries">
     {{each.name}}
  </li>
 <ul>
</div>
 
 我将$scope传递给getList()并在serviceForFirst设置$scope.listEntries值。 然后我使用listEntries作为ng-model 。 
 
app.service('serviceForFirst',function(){
 var list=[];
 var init=function(){
  list = [{....}];

 };

 var getList=function($scope){
  $scope.listEntries = list;

 };
 var update=function(newEntity){
   list.push(newEntity);
 };
return{
 init:init,
 getList:getList,
 update:update
};
});
 
 这是我的第二个控制器和与之相关的服务。 我打算每次调用addNew()都将新元素推送到listAll 。 这就是我试图去做的。 
 
app.controller('secondController', function($scope,serviceForSecond){
  serviceForSecond.init();
  $scope.addNew=function(newEntity){
         serviceForSecond.addNew(newEntity);
  };
});


app.service('serviceForSecond',function(serviceForFirst){
  var entities=[];
 var init=function(){
   entities=[{....}];
 };
 var addNew=function(newEntity){
    entities.push(newEntity);
    serviceForFirst.update(newEntity);
 return{
   init:init,
   addNew:addNew
 };
});
 
 这个<div>的HTML 
 
<div ng-controller="secondController">
  ....
  <input type="text" ng-model="newName"/>
  <button ng-click="addNew(newName)"/>
  ....
</div>
 
 但是列表没有在第一个<div>更新。 如果我在设置$scope.listEntries之前试图在getList()设置$scope.$apply() ，那么我得到$ digest已经在进行错误。 
 
 当我做console.log() ，我发现每个服务中的适当函数都被调用，但是列表没有被更新。 
 
 我应该如何更新清单？ 

I have two <div> with their own controllers. The first div has a ng-model="listEntries". I initialize listEntries in this <div>'s controller.
 
app.controller('firstController', function($scope,serviceForFirst){
      serviceForFirst.init();
      serviceForFirst.getList($scope);
});
 
Html
 
<div ng-controller="firstController">
 <ul>
  <li ng-repeat="each in listEntries">
     {{each.name}}
  </li>
 <ul>
</div>
 
I pass the $scope to the getList() and set the $scope.listEntries value in serviceForFirst. I then use listEntries as ng-model.
 
app.service('serviceForFirst',function(){
 var list=[];
 var init=function(){
  list = [{....}];

 };

 var getList=function($scope){
  $scope.listEntries = list;

 };
 var update=function(newEntity){
   list.push(newEntity);
 };
return{
 init:init,
 getList:getList,
 update:update
};
});
 
This is my second controller and the service associated to it. I intend to push new elements into listAll every time I invoke addNew(). This is how I'm trying to do it.
 
app.controller('secondController', function($scope,serviceForSecond){
  serviceForSecond.init();
  $scope.addNew=function(newEntity){
         serviceForSecond.addNew(newEntity);
  };
});


app.service('serviceForSecond',function(serviceForFirst){
  var entities=[];
 var init=function(){
   entities=[{....}];
 };
 var addNew=function(newEntity){
    entities.push(newEntity);
    serviceForFirst.update(newEntity);
 return{
   init:init,
   addNew:addNew
 };
});
 
The HTML for this <div>
 
<div ng-controller="secondController">
  ....
  <input type="text" ng-model="newName"/>
  <button ng-click="addNew(newName)"/>
  ....
</div>
 
But the list is not getting updated in the first <div>. If I try to do $scope.$apply() in getList() before setting $scope.listEntries then I get $digest already in progress error.
 
When I do console.log(), I see that the appropriate function in each the services are getting invoked but the list is not being updated.
 
How should I update the list?

原文：https://stackoverflow.com/questions/28905111