在ui中标记select(angular ui)mulitselect



我浏览了很多,但找不到一个有效的解决方案。我有一个用户界面选择多选用户界面选择。通过使用"标记"one_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",这将删除"新"标签选项。

如果你不想要这个选项,这是可以接受的,当你试图把它放在选项列表中时,可能会出现这种情况。

相关内容

  • 没有找到相关文章

最新更新