Accessing ng-init variable with filter

Question

I'd like to init a filtered list with angularjs, I don't know how to access to ng-init variables...

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 -->

What do you mean by ng-init variables? And where is AgreementsController to be found in the DOM in relation to the HTML you posted? — a better oliver
– a better oliver, Commented Feb 27, 2015 at 16:37
The variables in ng-init... My controller well in the dom but not in the post ;) — tonymx227
– tonymx227, Commented Feb 27, 2015 at 16:39
That's tautology. There are no variables in ngInit. ngInit evaluates an expression in the current scope. If that's the same scope the controller operates on then the controller can access it via the scope. — a better oliver
– a better oliver, Commented Feb 27, 2015 at 16:46
Like you did. But agreements is empty when ngInit is run. Therefore filteredAgreements is empty, too. One has to wonder why you use ngInit anyway. — a better oliver
– a better oliver, Commented Feb 27, 2015 at 17:36

a better oliver · Accepted Answer · 2015-02-27 17:50:12Z

1

You get agreements via AJAX, that means at the time the ngInit directive runs they are empty and therefore filteredAgreements will be empty, too. You have to wait until the AJAX call returns.

To use an angular filter in JavaScript you need the $filter service. You call it with the name of the filter to get the filter, and then call that function with the data to be filtered (in your case agreements) and the desired arguments.

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});
});

References:

answered Feb 27, 2015 at 17:50

a better oliver

26.9k2 gold badges64 silver badges67 bronze badges

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

2 Comments

a better oliver Over a year ago

@tonymx227 And why is it undefined ? I only have the information you give us.

tonymx227 Over a year ago

See edit ;) The length of filteredAgreements is 291 even if I put something into the input form...

Collectives™ on Stack Overflow

Accessing ng-init variable with filter

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related