我有一个文本输入框:
<input type="text></input>
我有一个名字列表:
$scope.employees = [{
name: "vishnu"
}, {
name: "seenu"
}];
现在让它只有 2。
当我键入 v
时,它应该显示 vishnu
作为建议。当我输入 se 时,它应该显示
seenu` 作为建议。如何实现?
最佳答案
填充 datalist 的选项具有 $scope.employees
中的值和 data-ng-repeat :
var app = angular.module('myApp', []);
app.controller('myController', function($scope, $http) {
$scope.employees = [{
name: "vishnu"
},
{
name: "seenu"
}];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myController">
<input type="text" list="names" placeholder="Pick a name..">
<datalist id="names">
<option data-ng-repeat="item in employees" value="{{item.name}}">
</datalist>
</div>
祝你好运!
关于javascript - 文本框中的建议可能吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35836719/