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

时间:2017-05-02 16:49:14

标签: javascript angularjs autocomplete ng-tags-input

我输入了带有自动完成功能的ng-tags-input。 自动填充功能可以显示"用户","组织"和"邮件列表" (包含一组用户和另一组组织)。

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

ng-tags-input建议使用$ removeTag函数删除标记,但我还没有找到任何用Javascript添加标记的函数。 如果有人有任何线索,我将非常感激! 谢谢!

1 个答案:

答案 0 :(得分:1)

您想在ng-tags-input中添加标签。转换为 - 我想改变绑定到ng-tags-input的模型。或者,我想在包含标记的对象数组中推送元素。因此,您基本上希望将对象推送到绑定到ng-tags-input指令的模型中。

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

当从列表中选择建议时,您需要将处理程序附加到事件。我想自动完成功能本身允许您将范围功能绑定到它。 然后,如果是类型&#39;邮件列表&#39;,则迭代所选数组的每个元素,构建标记(基本上是形式{text:&#39; value&#39;}的对象)并推送它进入你的tagsModel。

希望它有所帮助。如果你附上一个plnkr,我就能更好地回答这个问题。