Angula 1.x可输入的下拉框

在AngularJS 1.x中，可以使用AngularJS的ngOptions指令来创建可输入的下拉框。下面是一个示例：

HTML代码：

<div ng-app="myApp" ng-controller="myCtrl">
  <input type="text" ng-model="selectedItem" ng-keyup="filterItems()" placeholder="Type to search">
  <select ng-model="selectedItem" ng-options="item for item in filteredItems">
    <option value="">-- Select --</option>
  </select>
</div>

JavaScript代码：

angular.module('myApp', [])
  .controller('myCtrl', function($scope) {
    $scope.items = ['Apple', 'Banana', 'Orange', 'Mango'];
    $scope.filteredItems = $scope.items;

    $scope.filterItems = function() {
      if ($scope.selectedItem) {
        $scope.filteredItems = $scope.items.filter(function(item) {
          return item.toLowerCase().startsWith($scope.selectedItem.toLowerCase());
        });
      } else {
        $scope.filteredItems = $scope.items;
      }
    };
  });

在上述示例中，我们使用ng-model指令来绑定输入框和下拉框的值。ng-options指令定义了下拉框的选项，其中`item for item in filteredItems`表示使用filteredItems数组中的每个元素作为选项。ng-keyup指令用于在输入框中输入文本时触发过滤操作。

通过这种方式，用户可以在输入框中输入文本进行筛选，并从下拉框中选择一个选项。