javascript - 将输入选择绑定(bind)到下拉菜单 Angularjs

Question

嗨，我有以下输入

<input type="text" class="form-controlb" ng-model="item.name" id="name" placeholder="Enter Name" / >

以及以下下拉列表

                <div class="col-sm-12" ng-model="query">
                    <select ng-model="item" class="form-control" ng-options="a.name for a in addemployees | filter:name | orderBy:'name'" value="{{a.name}}">
                        <option value="">[Select Employee..]</option>

                    </select>
                </div>

基本上我想做的是，当我在输入框中输入名称时，如果下拉列表具有该名称 ints 选项以在下拉列表中显示它。 我尝试按名称过滤而不是按名称排序，但它没有在下拉列表中显示任何内容作为选择。 请让我知道如何解决它。 谢谢

Answer 1

类似这样的东西可能会起作用:

<input type="text" ng-model="text" />
<select ng-model="selectedOption" ng-options="option.name for option in options">
</select>

$scope.options = [{
  name: 'a',
  value: 'value-a'
}, {
  name: 'b',
  value: 'value-b'
}];

$scope.selectedOption = $scope.options[0];

$scope.$watch('text', function(v) {
  for (var i in $scope.options) {
    var option = $scope.options[i];
    if (option.name === v) {
      $scope.selectedOption = option;
      break;
    }
  }
});

http://plnkr.co/edit/Lj0p3wig9JfOM0UkpDrd