angular-ui/ui-select 下拉列表以

Question

是否可以按照开头在下拉列表中显示项目？

我正在使用这个https://github.com/angular-ui/ui-select，从下拉菜单中，如果我写“a”，它会显示所有带有“a”的单词

我只想显示以“a”开头的单词

有指令https://github.com/angular-ui/ui-select/wiki/ui-select-match，但不知道该怎么做

http://embed.plnkr.co/WyIC087njDHLmIVGTAj7/preview

我想在 angular.js 中做同样的事情：Select2 jQuery Plugin: Is there a way to sort a list of tags alphabetically?

Answer 1

您可能需要稍微调整一下，但是...

您可以编写一个自定义过滤器函数，如果第一个字符是“a”，则返回 true：

    <ui-select ng-model="card.id">
    <ui-select-match>{{$select.selected.name}}</ui-select-match>
    <ui-select-choices repeat="item.id as item in users | filter:criteriaMatch($select.search)">
        <div ng-bind-html="item.name | highlight: $select.search"></div>
    </ui-select-choices>
</ui-select>

然后在 javascript 中执行如下操作：

$scope.criteriaMatch = function( s ) {
  return function(val) {
    val.charAt(0) == s;
  }
};