2016-11-24 80 views
0

我正在做角js过滤器。如何设置在角度js过滤器中搜索的最少charcter数量?

这里我正在搜索客户名称。

一切工作正常,但我想修改一下。

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

但我的要求是在输入第一个字符后立即开始搜索。 我试过一些代码,但它不工作。

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

这里我使用strLimit做到这一点。

但它不工作。

我附上了一个快照,请看看。

enter image description here

任何想法?

谢谢

+1

为什么你有2个过滤器? '|过滤器:invoice_name | filter:customer_name'你有2个不同的输入吗? 只需删除'strLimit:1'。过滤器会在你开始输入时自动触发 – Weedoze

+1

删除'strLimit:1'并尝试 –

+0

是的,我有两个过滤器字段。 – sradha

回答

1

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

你甚至不需要strLimit:1来实现这一点。

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

+0

没有它不适合我。 – sradha

+0

您可以请帮我这一个 http://stackoverflow.com/questions/40798261/date-search-filter-is-not-working-in-angular-js ?? – sradha