Filter and limit with AngularJS

Question

I want to apply a limit and a filter to my AngularJS loop, but the filter is not working on the entire list, only on the limited list...

I have 100 agreements and I want to show only 20, but I want to add a filter to search on the other 90 agreements...

Edit #2 :

    app.controller("AgreementsController", function($scope, $http) {
      $scope.agreements = [];
      $http.get('/api/agreement').success(function(data, status, headers, config) {
        $scope.limit = data.limit;
        data.agreements.forEach( function(agr){
          $scope.agreements.push(agr);
        });
      });
    });

<input type="text" ng-model="search">
<table>
  <thead>
    <tr>
      <th>number</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="agreement in agreements | filter:search | limitTo:5">
      <td>{{agreement.number}}</td>
    </tr>
  </tbody>
</table>

Edit #3 :

My data model

Ravi Babu Karikati · Accepted Answer · 2015-02-27 13:08:01Z

1

I think what u written is correct only..may be problem is somewhere else

<tr ng-repeat="agreement in agreements | filter:search | limitTo:20">

just check your input search term properly binded or not...

answered Feb 27, 2015 at 13:08

Ravi Babu Karikati

2622 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ravi Babu Karikati Over a year ago

check ur get method data in console...in which format its coming

Ravi Babu Karikati Over a year ago

I hope ur doing well only..I can't able to find what is mistake.

Ravi Babu Karikati Over a year ago

can u post ur data model

Omri Aharon · Accepted Answer · 2015-02-27 13:04:36Z

0

This HTML code you showed looks good so the problem could be on your input perhaps. This does the trick:

<input type="text" ng-model="search"/>
    <table>
      <tr ng-repeat="agreement in agreements | filter:search | limitTo:20">
        <td>{{agreement}}</td>
      </tr>
    </table>

Fiddle

edited Feb 27, 2015 at 13:04

answered Feb 27, 2015 at 12:59

Omri Aharon

17.1k5 gold badges43 silver badges61 bronze badges

6 Comments

tonymx227 Over a year ago

I already have my input see edit #1 ;) An int? It doesn't work with an object?

Omri Aharon Over a year ago

@tonymx227 Not sure I see the difference, my updated fiddle has an array of objects, is that not what you need?

Omri Aharon Over a year ago

@tonymx227 Sounds like you have a different issue than in the original question.. now the agreements array is not updated ? or... ? Can you say exactly what's not working ?

tonymx227 Over a year ago

The filter is still on the limited list... Not on the entire list of agreements..

Omri Aharon Over a year ago

Look here, jsfiddle.net/HB7LU/11323 The button adds elements to the list and the view updates automatically. Are you sure you're adding correct elements to agreements ?

|

Collectives™ on Stack Overflow

Filter and limit with AngularJS

2 Answers 2

3 Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related