2015-02-27 3 views
-1

Я хочу, чтобы применить предел и фильтр к моей петле AngularJS, но фильтр не работает на весь список, только на ограниченный список ...фильтр и предел с AngularJS

У меня есть 100 соглашений и Я хочу, чтобы показать только 20, но я хочу, чтобы добавить фильтр поиска на других 90 соглашений ...

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

ответ

0

Этот HTML-код, который вы показали, хорошо выглядит так, что проблема может быть на вашем входе возможно. Это делает трюк:

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

Fiddle

+0

У меня уже есть мой вход, см. Edit # 1;) Int? Он не работает с объектом? – tonymx227

+0

@ tonymx227 Он делает, обновил мой ответ и скрипку :) –

+0

Хорошо, но мне нужен объект ... Seet edit # 2. ;) – tonymx227

0

Я думаю, что у написано правильно only..may будет проблема где-то еще

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

просто проверить ваш срок ввода поиска правильно переплетен или нет ...

+0

Мой ввод работает, но это может быть проблемой с методом 'get()' ... – tonymx227

+0

проверить ур получить данные метода в консоли ... в каком формате его происходит –

+0

Я получаю массив объектов .. – tonymx227

Смежные вопросы