AngularJs - привязка, переданная в параметре к объекту с другого контроллера

Question

У меня возникли трудности в решении этого вопроса. То, что я пытаюсь достичь, - это обновить итерированные объекты, которые передаются функции в другом контроллере.

Вот мои контроллеры -

angular.module('eatmapp.controllers', ['eatmapp.services']) 
.controller('AppCtrl', function($scope) { 
    $scope.intoCart = function(item) { 
     if(item.type == 'variations'){ 
     item = newItemObj; 
     } 
    } 
}) 
.controller('BrowseCtrl', function($scope, dataService, $localstorage) { 
    dataService.getItems().then(function(returnData) { 
     $scope.items = returnData.products; 
    }) 
}); 

Вот мое мнение -

<div ng-controller="BrowseCtrl"> 
    <div class="list card product" ng-repeat="item in items" ng-click="intoCart(item)"> 
     <div class="item item-text-wrap"> 
      <span class="ifs-productcat" ng-repeat="category in item.categories">{{category}}<span ng-if="$index != item.categories.length - 1">,</span></span><br> 
      <h3>{{item.title}}</h3> 
      <h3>Rs.{{item.price}}</h3> 
     </div> 
    </div> 
</div> 

мне нужно обновить объект элемента с newItemObject в итерации (нг-повтор) implemeted в виде шаблона после выполнения некоторых проверка состояния с помощью метода (inCart) в другом контроллере (AppCtrl). Я довольно новичок в программировании на JavaScript, и я ищу какую-то помощь.

Answer 1

Проблема, с которой я столкнулся, не смогла получить доступ к детской области «ng-repeat» в контроллере. Я решил это использовать 'this.item' в контроллере, а не передавать весь объект или индекс.

HTML -

<div class="list card product" ng-repeat="item in items" ng-click="intoCart()"></div> 

Controller -

angular.module('eatmapp.controllers', ['eatmapp.services']) 
.controller('AppCtrl', function($scope) { 
$scope.intoCart = function() { 
     item = this.item; // current (ng-click) child scope of ng-repeat 
     if(item.type == 'variations'){ 
     item = newItemObj; 
     } 
    } 
}) 

Теперь, когда я внес изменения в пункт '' объект, он автоматически обновляет область в целях (нг-повтора).

Answer 2

Как-то мне нравится обрабатывать это, используя сервисы как сеттеры и геттеры. Проблема в том, что вам нужно включить службу с каждым контроллером, которому необходимо получить к нему доступ, но если у вас их слишком много, это не имеет большого значения. Так что-то вроде этого:

.service('userFirstName', function() { 
     var userFirstNameProp; 
     return { 
     getter: function() { 
      return userFirstNameProp; 
     }, 
     setter: function(value) { 
      userFirstNameProp = value; 
     } 
     }; 
    }) 

Тогда вы можете вызвать userFirstName.getter() или userFirstName.setter ("John") в зависимости от обстоятельств.