时间戳

首页 > 解决方案 > 如何在AngularJS中的组件之间绑定数据

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

问题描述

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

我试图让 smth 像数据网格一样。在“编辑”点击数据后应该会出现在表单中。然后我可以在表格内编辑它，点击“保存”后，数据应该在表格内更新。

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”组件内的控制器中。

标签： javascriptangularjsdata-bindingangularjs-components

解决方案

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

推荐阅读