Question

我需要一个帮助。使用Angular.js从列表中过滤数据时遇到了一些问题。我也使用angularUtils.directives.dirPagination对列表进行分页。我正在解释下面的代码。

<input class="form-control" placeholder="Type Restaurant Name" name="q" type="text" ng-model="searchProduct.rest_name">
<table class="table table-bordered table-striped table-hover" id="dataTable" >
 <thead>
<tr>
<th>Sl. No</th>
<th>Restaurant Name</th>
</tr>
</thead>

<tbody id="detailsstockid">
<tr dir-paginate="cus in ($parent.labelResults=(listOfCustomerData  | filter:searchProduct)) | itemsPerPage:5 track by $index">
<td>{{$index+1}}</td>
<td>{{cus.rest_name}}</td>
</tr>   
</tbody>
</table>
<div class="pull-right">
<dir-pagination-controls  max-size="5"  direction-links="true"  boundary-links="true" >
 </dir-pagination-controls>
</div>

如果用户在文本框中输入了餐馆名称，根据输入的字母，餐馆名称应该过滤。这是我的问题，当用户输入第一个字符（lets say A）时，相应的名称与{相关{1}}应该过滤，但在输入第一个字母后，所有餐馆名称都显示给用户，在文本框中输入超过3-4个字母后，相关名称即将到来。我甚至需要用户输入至少1个字母餐馆名称应该过滤。请帮帮我。

Answer 1

我认为你的过滤器是错误的。尝试更改：

listOfCustomerData  | filter:searchProduct

到

listOfCustomerData  | filter:searchProduct.rest_name

无法使用Angular.js从列表中正确过滤数据

1 个答案: