How to start filtering only when the length of querytext is equal to 2

angularjs angularjs-filter
user2756589 picture user2756589 · Jan 9, 2014 · Viewed 7.1k times · Source

How can I be able to start filtering only when the querytext's length is equal to 2?

I have this code and I do not know how to start filtering only when querytext.length >=2

<input type="search" ng-model="querytext">
<ul>
    <li ng-repeat="value in filteredList | filter:querytext>{{value.Name}}</li>
</ul>
$scope.filteredList =[{Id:1,Name:"Soul"},{Id:2,Name:"Croft"}];

Answer

Daiwei picture Daiwei · Jan 9, 2014

Add ng-minlength="2" to <input> element.

<input type="search" ng-model="querytext" ng-minlength="2" />
<!--                                      ^^^^^^^^^^^^^^^^ -->

Related questions

ng-repeat :filter by single field

I have an array of products that I'm repeating over using ng-repeat and am using <div ng-repeat="product in products | filter:by_colour"> to filter these products by colour. The filter is working but if the product name / …

Read More
Limit the length of a string with AngularJS

I have the following: <div>{{modal.title}}</div> Is there a way that I could limit the length of the string to say 20 characters? And an even better question would be is there a way that …

Read More
Descending order by date filter in AngularJs

<div class="recent" ng-repeat="reader in (filteredItems = (book.reader | orderBy: 'created_at' | limitTo: 1))"> </div> So the book comes from rest api and it has many readers attached. I want to get the 'recent' reader. The created_…

Read More