Angularjs 设置最小输入字符后显示ui选择下拉列表
因此,我有这个用户界面选择,工作正常,但我希望下拉列表只显示或填充至少2个字符的输入,我怎么做Angularjs 设置最小输入字符后显示ui选择下拉列表,angularjs,angular-ui-select,Angularjs,Angular Ui Select,因此,我有这个用户界面选择,工作正常,但我希望下拉列表只显示或填充至少2个字符的输入,我怎么做 <ui-select name="organization_chosen" ng-model="user.organization_chosen.selected" theme="selectize" class="form-control ng-pristine ng-invalid ng-invalid-required" style="margin-top: -5px; margin-le
<ui-select name="organization_chosen" ng-model="user.organization_chosen.selected" theme="selectize" class="form-control ng-pristine ng-invalid ng-invalid-required" style="margin-top: -5px; margin-left: 7px;" required >
<ui-select-match placeholder="Organization Name" style="position: static;">{{$select.selected.name}}</ui-select-match>
<ui-select-choices repeat="item in rea_list | filter: $select.search |limitTo: 20">
<div ng-bind-html="item.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
{{$select.selected.name}
感谢您的回答尝试以下方式:
<ui-select-choices repeat="item in delayed_rea_list track by $index | filter: $select.search | limitTo: 20" refresh="refresh_rea_list($select.search)"
refresh-delay="0">
<div ng-bind-html="item.name | highlight: $select.search"></div>
</ui-select-choices>
$scope.delayed_rea_list = [];
$scope.refresh_rea_list = function(input) {
if(angular.isUnDefined(input) || input == null) return [];
if(input.length < 2) return [];
$scope.delayed_rea_list = $scope.rea_list
return $scope.delayed_rea_list;
}
然后在控制器中添加如下内容:
<ui-select-choices repeat="item in delayed_rea_list track by $index | filter: $select.search | limitTo: 20" refresh="refresh_rea_list($select.search)"
refresh-delay="0">
<div ng-bind-html="item.name | highlight: $select.search"></div>
</ui-select-choices>
$scope.delayed_rea_list = [];
$scope.refresh_rea_list = function(input) {
if(angular.isUnDefined(input) || input == null) return [];
if(input.length < 2) return [];
$scope.delayed_rea_list = $scope.rea_list
return $scope.delayed_rea_list;
}
$scope.delayed_rea_list=[];
$scope.refresh\u rea\u list=函数(输入){
if(angular.isUnDefined(input)| | input==null)返回[];
if(input.length<2)返回[];
$scope.delayed\u rea\u list=$scope.rea\u list
返回$scope.delayed\u rea\u列表;
}
也许你要找的是一个Typeahead。请看这里: