Угловой обмен данными Js между контроллером

Question

У меня есть два параллельных контроллера headerCtrl и cartCtrl. когда я добавляю продукт из cartCtrl, я хочу отразить увеличение счета в headerCtrl. Каков наилучший способ достичь этого?

Я знаю Используя общие службы, мы можем достичь этого: когда продукт добавлен, обновите счетчик в службе. но как я могу обновить счет в headerCtrl?

Также, если есть какой-либо другой подход к достижению этого?

Answer 1

Обычно я использую сервис для обмена данными между контроллерами. Таким образом, вы создаете такой сервис, как показано ниже, и получаете доступ/модифицируете его с обоих контроллеров. Чтобы уведомить другие компоненты, вы можете использовать $ rootScope. $ Emit для передачи данных. Обычно это более эффективно, чем $ broadcast, если вам не нужно распространять событие на все дочерние области. Это быстрый способ сделать это - тем не менее, вы можете быстро оказаться в ситуации, когда каждый компонент зависит от $ rootScope, альтернатива устанавливается слушателями через службу: Why do we use $rootScope.$broadcast in AngularJS?

angular.module('app').service('myService', function($rootScope) { 
var count = 0; 

this.increaseCount = function() { 
    count++; 
    $rootScope.$emit('countUpdated', count); 
} 

this.getCount = function() { 
    return count; 
} 
}); 

angular.module('app').controller('HeaderCtrl', ['$rootScope', function($rootScope) { 

    $rootScope.$on('countUpdated', function(count) { 
    // do your stuff 
    }); 
}]) 

Answer 2

Я предполагаю, что есть два вопроса здесь нужно заняться 1. Один из них - это доля данных: это может быть достигнуто за счет службы 2. Другое - это автоматическое обновление в контроллере назначения, т.е. без вызова get. Для этого использования угловой broadcast