Angular UI bootstrap：输入提前选择多个

Question

我在表单

中使用了角度UI引导类型提前指令

http://angular-ui.github.io/bootstrap/

我通过$http服务从远程服务器获取记录。它工作正常。 但是我一次只能从列表中选择一个元素。

我想从列表中选择多个值，并在输入字段中显示所有当前选定的元素，并使用删除按钮，就像SO的标记一样。选定的标签存储在角度阵列模型中。

如何实现这一目标？

我已阅读Angular UI bootstrap的文档，但我无法找到任何内容。

Answer 1

这家伙为此做了指示。应该完全按照自己的意愿行事，甚至使用ui-bootstraps typeahead。

https://github.com/mbenford/ngTagsInput

Answer 2

到目前为止我找到的最佳解决方案是io.select 它完全符合您的要求，多选择类型。 并且标记也​​很整洁，例如：

<oi-select
  oi-options="list.id as list.description for list in lists"
  ng-model="tags"
  multiple
  placeholder="Select">
</oi-select>

此组件还与bootstrap和新引导程序4兼容。

Answer 3

在js文件中：

要列出所有选定的项目，请使用$ item with typeahead-on-select并推送到ex.evtMem的数组。删除fn删除所选项目。

HTML： 使用表格使用ng-repeat列出所有数组值。除此之外，添加删除glyphicon图像和删除相应项目的功能。