如何在AngularJS中的组件之间绑定数据

Question

我目前正在学习 AngularJS，但我遇到了数据绑定问题。

我试图制作类似于数据网格的东西。在“编辑”点击数据后应该会出现在表单中。然后我可以在表格内编辑它，点击“保存”后，数据应该在表格内更新。

code in 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 文档，但我不明白如何在“tablica”组件中单击“编辑”时将“订单”数据传输到“forma”组件内的控制器中。

Answer 1

在不同控制器之间共享数据的最佳方式是使用服务。