如何使用 ng-tags-input 添加标签数组？

Question

我有一个带有自动完成功能的 ng-tags-input 输入。 自动完成可以显示“用户”、“组织”和“邮件列表”（其中包含一组用户和另一组组织）。

当我点击自动完成中的用户时，会创建一个用户标签。 当我单击自动完成中的组织时，会创建一个组织标签。 但是当我点击自动完成中的邮件列表时，我想将邮件列表中包含的每个用户和每个组织添加为单独的标签。我已经搜索了很多方法来做到这一点，但我不知道如何做到这一点......

ng-tags-input 建议使用 $removeTag 函数来删除标签，但我还没有找到任何使用 Javascript 添加标签的函数。 如果有人有任何线索，我将不胜感激！ 谢谢！

Answer 1

您想在 ng-tags-input 中添加标签。这意味着 - 我想改变绑定到 ng-tags-input 的模型。或者，我想将元素推送到包含标签的对象数组中。所以你基本上想将对象推送到绑定到你的 ng-tags-input 指令的模型中。

<tags-input ng-model="tagsModel" >

当从列表中选择建议时，您需要将处理程序附加到事件。我想自动完成功能本身允许您将范围函数绑定到它。 然后，如果它是“邮件列表”类型，则遍历所选数组的每个元素，构造标签（基本上是表单 { text: 'value'} 的对象）并将其推送到您的 tagsModel 中。

希望对您有所帮助。如果你附上一个plnkr，我将能够更好地回答这个问题。