Question

我浏览了很多，但找不到合适的解决方案。我有一个ui-select multiselect UI-SELECT。通过使用'tagging'和'tagging-label'属性，我们可以在列表中添加自定义标签。示例在此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) ]

Answer 1

根据文档，如果不修改angular-ui源代码，似乎没有任何方法可以做到这一点。可能的解决方法是设置tagging-label="false"，这将删除“新”标签选项。

如果您不想要该选项，这是可以接受的，这可能是您尝试将其放在选项列表中的情况。

用ui-select（angular-ui）mulitselect标记

1 个答案: