单击选定对象,更新到DIV

时间:2014-11-24 10:12:26

标签: javascript angularjs

我目前正在与Angular合作。我的情况如下。

  • 我有一组对象,"联系人"。
  • 在搜索框中输入自定义文本,然后重复表格#34;对于main.info'中的每个联系人。
  • 当我单击其中一个行条目时,此条目将存储到一个新对象中,然后选择'。 (所有联系人信息)。

然后,我想要选择所选条目(存储为'选择的'对象)并将其输出到标题为"联系信息"的不同HTML部分。 HTML的这一部分存储在指令Template。

如何动态更新我拥有的模板指令,以包含新填充的'选择'对象

我似乎无法弄清楚将该对象中的数据传输到不同部分的正确语法。

Pls,hlp。

1 个答案:

答案 0 :(得分:0)

尝试在指令中使用属性:

<my-directive selected-item="{{selectedItem}}"></my-directive>

然后在指令的link函数中使用attr.selecteditem

link: function (scope, iElement, iAttrs) {
   scope.selectedItem = iAttrs.selecteditem;
}

或者如果您有隔离范围:

scope: {
   selecteditem: '='
},
link: function (scope, iElement, iAttrs) {
   console.log(selecteditem);
}