使自动完成可搜索下拉菜单don'我不想在点击搜索时显示列表

make auto-complete searchable drop-down don't want to display list on click just on search

本文关键字：搜索 我不想 列表 显示 don 下拉菜单      更新时间：2023-09-26

小提琴链接

<div ng-app="app" ng-controller="myCtrl as vm">
 <ui-select tagging ng-model="vm.selected" theme="bootstrap">
  <ui-select-match p laceholder="Pick one...">{{$select.selected.value}}</ui-select-match>
    <ui-select-choices repeat="val in vm.values | filter: $select.search">
      <span ng-bind-html="val.value | highlight: $select.search"></span>
    </ui-select-choices>
 </ui-select>
</div>

var app = angular.module('app', ['ui.select', 'ngSanitize']);
app.controller("myCtrl", function() {
 vm = this;
 vm.isLoaded = false;
 vm.values = [{
  'key': 22,
  'value': 'Kevin'
 }, {
  'key': 24,
  'value': 'Fiona'
 }];
 vm.selected;
});

这很好，但现在我想只在搜索时显示列表，不想只在点击搜索框中的搜索词时显示。

小提琴链接

经过大量的实验，我找到了问题的答案

var app = angular.module('app', ['ui.select', 'ngSanitize']);
app.controller("myCtrl", function() {
vm = this;
vm.funcAsync = function(query) {
    if (query === null || query === ""|| query.length<1) {
        return;
    }
 vm.isLoaded = false;
 vm.values = [{
 'key': 22,
 'value': 'Kevin'
  }, {
 'key': 24,
 'value': 'Fiona'
  }];
  vm.selected;
 };
});
相关文章：