Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 角度UI引导:提前键入选择多个_Angularjs_Twitter Bootstrap_Angular Ui Bootstrap - Fatal编程技术网

Angularjs 角度UI引导:提前键入选择多个

Angularjs 角度UI引导:提前键入选择多个,angularjs,twitter-bootstrap,angular-ui-bootstrap,Angularjs,Twitter Bootstrap,Angular Ui Bootstrap,我正在使用angular UI引导类型先行指令,用于表单中的类型先行 我正在通过$http服务从远程服务器获取记录。它工作得很好。 但是,我一次只能从列表中选择一个元素 我想从列表中选择多个值,并在输入字段中用删除按钮显示所有当前选定的元素,就像SO的标记一样。选定的标记存储在角度阵列模型中 如何做到这一点 我已经阅读了Angular UI引导的文档,但是我找不到任何东西。这家伙为此制定了一个指令。应该做你想做的事情,甚至可以使用ui引导 在js文件中: 要列出所有选定的项目,请在select

我正在使用angular UI引导类型先行指令,用于表单中的类型先行

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

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

如何做到这一点


我已经阅读了Angular UI引导的文档,但是我找不到任何东西。

这家伙为此制定了一个指令。应该做你想做的事情,甚至可以使用ui引导

在js文件中:

要列出所有选定的项目,请在select上使用带typeahead的$item,并将其推送到ex.evtMem的数组中。delete fn删除所选项目

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

到目前为止,我找到的最佳解决方案是 它完全符合您的要求,可多选typeahead。 而且标记也整洁干净,例如:

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


该组件还与bootstrap和新的bootstrap 4兼容。

@MikeRobinson这正是我要找的。仅供确认,提前输入和用户界面选择之间是否存在任何差异。我问的是术语上的逻辑差异,我肯定有很多。UI-Select是Select2()的本地版本,因此附带了更多的功能。值得注意的是,用户界面选择功能作为所有下拉框的全局替换,而不仅仅是一个typeahead。您是否有任何指令或工作代码,然后请在此处共享。遗憾的是,ngTagsInput不处理大型列表,它需要能够显示一个可滚动的值列表,并且不会像typeahead那样根据用户输入过滤列表。