2017-07-19 69 views
0

这是我的HTML代码,我想开始输入3系统字符后,搜索值: -我想在输入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> 
+0

您可以加入你的js代码搜索以及并解释你的问题是什么? – Severin

回答

-1

这应该可以让你更靠近你的答案。

$(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"); 
}); 
+0

伙计它不工作它的警报每次我输入一个字符,但是当我删除警报然后它的搜索输入的第一个字符 –

0

你应该searchModel.restaurant集观赏:

$scope.$watch('searchModel.restaurant', function(newValue){ 
if(newValue.length === 3){ 
    //search on your datalist 
    alert("Search by newValue"); 
}}); 
相关问题