用Ionic快速选择

Question

请任何人都可以帮助我，我想用离子

创建一个快速选择

喜欢这张图片：

谢谢，

Answer 1

您可以使用angucomplete-alt。要查看演示go here。

Names
John
Doe

<小时/> <小时/>

Here一步一步如何使用 multiselect ：

1。从MartinNuc repo设置angucomplete依赖：

bower.json /的package.json：

bower install angucomplete-alt --save

2。请参阅this table

末尾的multiselect更新自述文件

3。使用这样的指令：

dependencies: { "angucomplete": "MartinNuc/angucomplete-alt#multiselect", ... }

注意最后4个属性：

• <div angucomplete-alt pause="400" remote-url="/api/endpoint?query=" selected-object="vm.addSelectedItemFromRemoteAutocomplete" search-fields="name" title-field="name" clear-selected="true" input-class="form-control form-control-small" match-class="highlight" multi-select="true" excluded-items="vm.selectedItems" exclude-on-select="true" exclusion-comparer-field="id"> - 导致angucomplete select将在点击项目后保持打开状态
• multi-select - 用于隐藏在加载阶段已选择的项目
• excluded-items - 点击某个项目后，点击它们会立即隐藏它
• exclude-on-select - 当您从数据库加载数据并希望通过某些特定字段而不仅仅是JS引用来比较排除项时，这很方便。我们使用exclusion-comparer-field。

4. 将id功能添加到您的     控制器。这会将实际选定的项目添加到您的媒体资源中。

vm.addSelectedItemFromRemoteAutocomplete