Возможно предложение в текстовом поле?

Question

У меня есть поле ввода с типом текста:

<input type="text></input> 

У меня есть список имен:

$scope.employees = [{ 
    name: "vishnu" 
}, { 
    name: "seenu" 
}]; 

Пусть теперь это будет только 2. Когда я типа v, он должен показать, как vishnu предложение. Когда я печатаю se, it should show seenu` как предложение. Как это можно достичь?

Answer 1

заселить варианты 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>

Удачи!

Answer 2

Существует простой пример, приведенный ниже с Jquery автозаполнения

$scope.complete=function(){ 
    $("#tags").autocomplete({ 
     source: $scope.availableTags 
    }); 
    } 
    }); 

http://plnkr.co/edit/5XmPfQ78vRjSrxE0Tt3B?p=preview

Answer 3

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>