选取对象点击，更新到DIV

Question

我目前正在使用Angular。我的情况如下。

• 我有一组对象“contacts”。
• 将自定义文本输入到搜索框中，然后为每个'main.info中的联系人'重复一个表格。
• 当我单击其中一个行条目时，该条目被存储到一个新的对象'selected'中。 （包含所有联系信息）。

然后，我希望将选定的条目（它存储为'selected'对象）并将其输出到另一个标题为“联系信息”的HTML部分。这部分HTML存储在指令模板中。

如何动态更新我拥有的模板指令，以包含新填充的“选定”对象？

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

Pls，hlp。

Answer 1

尝试在该指令使用属性：

<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); 
}