在ui中标记select(angular ui)mulitselect
Tagging in ui-select (angular-ui) mulitselect
我浏览了很多,但找不到一个有效的解决方案。我有一个用户界面选择多选用户界面选择。通过使用"标记"answers"标记标签"属性,我们可以将输入自定义标记添加到列表中。在这个plunker中给出了一个例子。
<ui-select multiple tagging tagging-label="(custom 'new' label)" ng-model="multipleDemo.colors" title="Choose a color">
<ui-select-match placeholder="Select colors...">{{$item}}</ui-select-match>
<ui-select-choices repeat="color in availableColors | filter:$select.search">
{{color}}
</ui-select-choices>
</ui-select>
当我们键入时,如果"自定义标记"建议显示在列表的顶部。如何使它显示在列表的底部?
示例:当键入g时,下拉列表中显示的选项为
[ g(custom 'new' label), Green, Magenta ]
但是我想要的订单
[ Green, Magenta, g(custom 'new' label) ]
根据文档,如果不修改angular-ui
源代码,似乎没有任何方法可以做到这一点。一个可能的解决方法是设置tagging-label="false"
,这将删除"新"标签选项。
如果你不想要这个选项,这是可以接受的,当你试图把它放在选项列表中时,可能会出现这种情况。
相关文章:
- 如何使用skip参数使用angular ui引导进行服务器端分页
- 混合 ui-sref 和 $state.go 在 Angular ui-router 中进行状态转换
- 如何在Angular UI网格中选择下一行
- 使用按钮的Angular UI网格过滤器
- Angular UI启动日期选择器问题
- 包括angular 1.3.0项目上的angular bootstrap ui
- 在Angular ui路由器中,如何将事件从一个视图发送到另一个视图
- 带有嵌套状态的Angular ui路由器和后退按钮
- OnsenUI、Angular和在警报对话框后刷新UI组件
- Angular UI-GRID未在页面上显示网格
- 初始化ng模型时,Angular ui选择占位符不起作用
- Ionic + Angular ui-sref not generating href
- 在日期更改后更新Angular UI引导程序日期选择器选项
- Angular ui路由器中的绝对名称
- Angular+bootstrap ui,检查当前选项卡是否已处于活动状态
- 如何在angular bootstrap ui中聚焦活动导航选项卡中的拳头输入字段
- Angular JS/UI Router:为给定状态禁用指令
- 在模态(bootstrap ui angular)中编辑现有联系人
- 使用帐户登录ui angular dons't刷新$account.currentUser
- 使用ONSEN UI + Angular上传个人资料照片