我想在输入 3 个字符后开始在 datalist 中搜索？

Question

这是我的 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>

Answer 1

您应该在searchModel.restaurant 上设置手表：

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

Answer 2

希望这能让你更接近你的答案。

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