Question

是否可以按照开头的方式显示drodown中的项目？

我正在使用这个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

你可能不得不稍微调整一下，但......

您可以编写一个自定义过滤器函数，如果第一个char为“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;
  }
};

angular-ui / ui-select下拉菜单以

1 个答案: