Доступ к нг-инициализации переменной с фильтром

Question

Я хотел бы инициализировать отфильтрованный список с angularjs, я не знаю, как получить доступ к нг-инициализации переменных ...

Edit # 1:

app.controller("AgreementsController", function($scope, $http, $filter) { 
 
    $scope.agreements = [];  
 
    $http.get('/api/agreement').success(function(data, status, headers, config) { 
 
    $scope.agreements = data.agreements; 
 
    $scope.filteredAgreements = $filter('filter')($scope.agreements, 
 
              {number: $scope.search}); 
 
});

<tbody ng-init="filteredAgreements = (agreements | filter:{number:search})"> 
 
    <tr ng-repeat="agreement in agreements | filter:{number:search} | limitTo:5"> 
 
    <td>{{agreement.number}}</td> 
 
    </tr> 
 
</tbody> 
 
{{filteredAgreements.length}} <!-- 291 even if I put "65" into the search -->

Answer 1

Вы agreements через AJAX, это означает, что в то время ngInit директива работает они пусты, и поэтому filteredAgreements будет покупать право y, тоже. Вам нужно подождать, пока не вернется вызов AJAX.

Чтобы использовать угловой фильтр в JavaScript, вам понадобится услуга $filter. Вы вызываете его с именем фильтра, чтобы получить фильтр, а затем вызывайте эту функцию с данными, которые нужно отфильтровать (в вашем случае agreements) и нужными аргументами.

app.controller("AgreementsController", function($scope, $http, $filter) { 
    $scope.agreements = [];  
    $http.get('/api/agreement').success(function(data, status, headers, config) { 
    $scope.agreements = data.agreements; 
    $scope.filteredAgreements = $filter('filter')($scope.agreements, 
               {number: $scope.search}); 
}); 

Ссылки:

• $filter
• The "filter" filter