这是我的HTML代码,我想在输入3个字符后开始搜索值:-
<input id="restaurants" list="lstRestaurants" type="text" class="form-control form-input input-search input-section clearable" placeholder="Name of Restaurant" [(ngModel)]="searchModel.restaurant" name="restaurant" #restaurant="ngModel">
<datalist id="lstRestaurants">
<option *ngFor="let restaurant of allRestaurants" value="{{restaurant.name}}"></option>
</datalist>
您应该在searchModel.restaurant
上设置监视:
$scope.$watch('searchModel.restaurant', function(newValue){
if(newValue.length === 3){
//search on your datalist
alert("Search by newValue");
}});
希望这能使您更接近答案。
$(document).on('keyup', '#restaurants', function() {
var myLength = $("#restaurants").val().length;
if (myLength > 2) {
alert("Do search now")
};
alert("each letter you type this pops up");
});