如何在AngularJS

时间:2018-05-25 11:34:27

标签: javascript angularjs data-binding angularjs-components

我目前正在研究AngularJS,我遇到数据绑定问题。

我试图像数据GRID一样制作smth。在"编辑"点击数据应该以表格形式出现。然后我可以在表单中编辑它,然后在" Save"点击,数据应该在表格内更新。

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文档,但我不明白如何转移" order"数据,当我点击"编辑"里面' tablica'组件,进入控制器内部' forma'成分

1 个答案:

答案 0 :(得分:0)

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