2016-11-24 62 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