$ rootScope. $ WatchCollection не работает angularjs

Question

Я пытаюсь использовать $ rootScope. $ WatchCollection в моем коде для обновления данных в контроллере B от контроллера A. но я не получаю в этом никакого успеха. поскольку мое приложение застряло на этом этапе, поэтому я ищу вашу помощь, чтобы я мог узнать, где я ошибаюсь в коде.

контроллер Б: -

app.controller('MenuCtrl', function($scope, LocalStorage, $stateParams, 
 
    \t \t $rootScope) { 
 
    \t $scope.user = {}; 
 
    \t $scope.user.userName = LocalStorage.getData("userName"); 
 
    \t $scope.user.profilePic = LocalStorage.getData("userProfile"); 
 

 
    \t $rootScope.$watchCollection(function(n, o) { 
 
    \t \t if (n !== o) { 
 
    \t \t \t var list = $rootScope.wholecartList; 
 
    \t \t \t alert("Length " + list.length); 
 
    \t \t } 
 
    \t }); 
 
    });

Контроллер А: -

app.controller('ProductCtrl', function($http, $scope, $ionicPopup, $state, 
 
\t \t $ionicHistory, $ionicLoading, DataService, LocalStorage, $stateParams, 
 
\t \t ProductId, DuplicateCheck, $rootScope) { 
 
\t $scope.productList = DataService.getProducts(); 
 

 
\t $scope.getProductId = function(productId) { 
 
\t \t ProductId.addProductId(productId); 
 
\t \t $state.go("app.products-details"); 
 

 
\t } 
 
\t var cartList = []; 
 
\t $scope.cartListItems = function(product) { 
 
\t \t if (cartList.length > 0) { 
 
\t \t \t if (!DuplicateCheck.getProducts(product.product_id, cartList)) { 
 
\t \t \t \t cartList.push(product); 
 
\t \t \t } 
 
\t \t } else { 
 
\t \t \t cartList.push(product); 
 
\t \t } 
 
\t \t $rootScope.wholecartList = cartList; 
 
\t } 
 

 
});

Любая помощь будет высоко оценили Спасибо.

Answer 1

После этого вам необходимо обновить $ rootScope (скажем, запустить цикл Apply);

app.controller('ProductCtrl', function($http, $scope, $ionicPopup, $state, 
 
\t \t $ionicHistory, $ionicLoading, DataService, LocalStorage, $stateParams, 
 
\t \t ProductId, DuplicateCheck, $rootScope) { 
 
\t $scope.productList = DataService.getProducts(); 
 

 
\t $scope.getProductId = function(productId) { 
 
\t \t ProductId.addProductId(productId); 
 
\t \t $state.go("app.products-details"); 
 

 
\t } 
 
\t var cartList = []; 
 
\t $scope.cartListItems = function(product) { 
 
\t \t if (cartList.length > 0) { 
 
\t \t \t if (!DuplicateCheck.getProducts(product.product_id, cartList)) { 
 
\t \t \t \t cartList.push(product); 
 
\t \t \t } 
 
\t \t } else { 
 
\t \t \t cartList.push(product); 
 
\t \t } 
 
\t \t $rootScope.wholecartList = cartList; 
 
       updateRootScope(); 
 
\t } 
 

 
     function updateRootScope(){ 
 
      if(!$rootScope.$$phase){ 
 
       $rootScope.$apply(); 
 
      } 
 
     } 
 
});