如何在角度js过滤器中设置要搜索的最小字符数?

时间:2016-11-24 13:31:52

标签: javascript angularjs angular-filters

我正在做角度js过滤器。

我在这里搜索客户名称。

一切正常,但我想稍微修改一下。

输入2个字符后,我的搜索工作正常。

但我的要求是在输入第一个字符后立即开始搜索。 我尝试了一些代码,但它没有用。

 <tr class="gradeU" ng-repeat="x in invoice| filter:invoice_name | filter:customer_name:strLimit: 1">    

这里我使用strLimit来完成它。

但它根本不起作用。

我已经拍了一下,请看看。

enter image description here

有什么想法吗?

谢谢

1 个答案:

答案 0 :(得分:1)

在这里工作得很好!你能看到代码片和原始代码中缺少的东西吗?

您甚至不需要strLimit:1来实现此目标。

&#13;
&#13;
var app = angular.module('app',[]);
app.controller('Ctrl',function($scope){
  
  $scope.invoice = [{"id":123,"name":"Shrada"},
                    {"id":111,"name":"Vikram"},
                    {"id":342,"name":"Shrada"},
                    {"id":231,"name":"Melina"}
  
  ];
  
  });
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="Ctrl">
  
  <input type="text" ng-model="invoice_name"/>
  <input type="text" ng-model="customer_name"/>
<div class="gradeU" ng-repeat="x in invoice| filter:invoice_name | filter:customer_name">    
  {{x.id}} - {{x.name}}
  </div>
  </div>
&#13;
&#13;
&#13;