Angular.js, как передать данные из одного контроллера в другой?

Question

[Boniface]

Всем привет! Друзья, подскажите, как вы передаете данные из одного контроллера в другой? Я знаю два способа сделать это.

Первый способ: Сделать сервис, который будет содержать в себе общие объекты и методы чтения, записи для этих объектов. Например:

angular.module('myModule').service('myService', function(){
    var myData = [];

    this.add = function(person){
        myData.push(person);
    };

    this.get = function(){
        return myData;
    };

    this.clear = function(){
        myData.length = 0;
    }
});

Второй способ: подписаться в контроллере, которому нужно получить данные, на конкретное событие, а в контроллере-источнике поднять это событие. Пример:

$scope.$on('myEvent', function(event,args){
            $scope.myData.push(args);
        });

      $rootScrope.$broadcast('myEvent', myData);

Answer 1

[Руслан Лопатин]

По умолчанию объекты из родительской области видимости доступны в дочерней. Так что даже обмениваться данными не нужно: вложенный контроллер просто видит данные всех вышестоящих контроллеров.

В тех редких случаях, когда нужно обмениваться данными с контроллерами вне иерархии пишется служба. Но эта служба содержит содержательные методы, а не методы типа "положить данные" или "забрать данные".

Как пример: служба вывода уведомлений на экран. Содержит методы для вывода уведомлений, которые взаимодействуют с контроллером, отображающим эти самые уведомления (в виде всплывающих окон в правом верхнем углу экрана, например). Клиенты этой службы, разумеется, ничего не знают о контроллере уведомлений. Им это просто не нужно.

Answer 2

[Александр Хиренко]

Лично я использую $rootScope.
Мне не понятно, зачем такие сложности с событиями?

Comments

[Денис Пушкарев]

Вы поди и глобальные переменные используете в любом непонятном случае? :)

[Александр Хиренко]

@rock хорошо, Ваши варианты?) Я не гуру angular, но чтобы общаться между контроллерами $rootScope очень даже подходит.

[Денис Пушкарев]

@Satanpit мой вариант - сервис, а в какой форме - не суть важно. Подходить-то $rootScope для данной задачи вполне подходит, вот только это плохая практика.

[Александр Хиренко]

@rock но если нужно будет получить данные в шаблоне то хоть и сервис, все равно придется использовать $rootScope, а так да, согласен с Вами.

[Boniface]

Не, не нужен рут скоп, чтобы получить данные в шаблоне с помощью сервиса. Только если сервис использовать нужно учесть, что он один один раз создается, по дефолу, то есть данные в разделяемых переменных нужно как то чистить.

Answer 3

[Владимир Дементьев]

Я только начал изучать Angularjs, и провел небольшой тест.
Имея приложение и несколько шаблонов. У меня несколько страниц.
Создал сервис, фабрику и рутскоп. Загнал им значения по дефолту.
Далее произвел действия, при которых всем трем объектам было передано соответствующее значение (с выводом в div).
Далее переключился на другой шаблон и вернулся обратно.
Фабрика и сервис значение сохранили значения, а рутскоп потеряло свое значение.