Как правильно передать данные между контроллерами в AngularJs?

Question

[DieZz]

В приложении на Ангуляре использую ui-router. Грубо говоря основной экран разделен на две части: sideBar и main. Пример:

.state('node', {
                url: "/node",
                views: {
                    "main" : {
                        templateUrl: '/templates/node/node.html',
                        controller: 'NodeController',
                        }
                    },
                    "sideBar " : {
                        templateUrl : '/templates/sideBar.html',
                        controller: 'sideBarController',
                    }
                }
            })

Во view:main отображается таблица, каждая строчка которой является записью в таблице БД "node" (NodeController.nodes). Во view:sideBar кнопка с вызовом модального окна, с помощью которого можно добавить новую строчку в таблицу на сервере. Сервер в ответ отдает только что созданную запись, если все прошло успешно.
Вопрос: как правильнее сделать, чтобы после добавления в БД через модальное окно, добавить новую запись в NodeController.nodes.
У меня есть два варианта:
1. Создать сервис NodeService с переменной nodes. В эту переменную записывать все записи, добавлять из модального окна и, с помощью $scope.$watch в NodeController отслеживать изменения.
2. В sideBarController использовать $rootScope.$emit и соответственно $rootScope.$on в NodeController

Comments

[Сергей Протько]

вы же не послушаете если я скажу вам "замените вашу комбинацию темплейтов и контроллеров на директиву + главную директиву которая будет ими руковдить?

[DieZz]

Почему не послушаю,обязательно послушаю. Мне надо сделать максимально "правильно", а не чтобы работало. Подскажите как, с удовольствием попробую реализовать.

[Сергей Протько]

DieZz: https://www.airpair.com/angularjs/posts/component-...

общаться они будут через третью директиву (что бы наше приложение было правильным деревом компонентов), которая будет связным по сути. И общаться они будут через scope/bindToController и атрибуты директив.

[DieZz]

спасибо за ссылку

[DieZz]

Почитал про директивы как компоненты и про bindToController. Можете, если, не сложно накидать пример правильного дерева компонент. Мне не понятен механизм общения директив

[Сергей Протько]

DieZz: если директива должна обраться снизу вверз - то у нижней директивы должен быть прописан require ^topLevelComponent (ну мол название директивы и что вверху по дереву) и контроллер будет доступен в link.

Но это крайне редкий кейс, обычно что бы прокинуть данные внутрь вниз по дереву мы используем биндинг атрибутов на контроллер (или на скоуп), а что бы прокинуть данные вверх по дереву - колбэки (аля on-changed).

Answer 1

[Андрей]

почитайте тут - stepansuvorov.com/blog/2014/09/angularjs-data-transfer
надеюсь много что для себя подчеркнете.

Answer 2

[Андрей Щетинин]

первый способ лучше, ввиду того что в тогда данные будут располагаться на "своей полочке".