bugfix> javascript > 投稿

現在、AngularJSを勉強していますが、データバインディングに問題があります。

私はデータグリッドのようなものを作ろうとしました。 「編集」をクリックすると、データがフォームに表示されます。その後、フォーム内で編集し、「保存」をクリックすると、テーブル内のデータが更新されます。

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のドキュメントを読みましたが、「タブ」コンポーネント内の「編集」をクリックして「フォーマ」コンポーネント内のコントローラーに「注文」データを転送する方法がわかりません。