Как связать данные между компонентами в AngularJS

Question

Я сейчас изучаю AngularJS и у меня проблемы с привязкой данных.

Я пытался сделать что-то вроде GRID данных.После нажатия кнопки «Редактировать» данные должны появиться в форме.Затем я мог бы отредактировать его внутри формы, и после нажатия кнопки «Сохранить» данные должны были обновиться внутри таблицы.

код в plnkr

Компонент 1:

 //Click Edit
sort.openOrder = function(order) {
  sort.order = order;
  sort.addbtn = false;
  console.log(sort.order);

  let number = document.getElementById("test-form-Number");
  number.value = sort.order.number;
  let customer = document.getElementById("test-form-Customer");
  customer.value = sort.order.customer;
  let manager = document.getElementById("test-form-Manager");
  manager.value = sort.order.manager;
  let status = document.getElementById("test-form-Status");
  status.value = sort.order.status;
  let summ = document.getElementById(id = "test-form-Price");
  summ.value = sort.order.summ;

};

Компонент 2:

 // Click Add
sort.edit = function(order) {

  let index = order.id - 1;
  sort.orders[index].number = number.value;
  sort.orders[index].customer = customer.value;
  sort.orders[index].manager = manager.value;
  sort.orders[index].status = status.value;
  sort.orders[index].summ = summ.value;
  console.log(sort.orders[index].number);
};

Я пытался прочитать документацию AngularJS, но я не понимаю, как перенести данные "порядка", когда я нажимаю "Изменить" внутри компонента "Таблица" вКонтроллер внутри компонента 'Forma'.

Answer 1

Лучший способ обмена данными между различными контроллерами - это использовать сервис.