AngularJS filter array in controller

Question

I want to filter an array in a controller but it returns nothing.

This is my controller:

.controller('cardsCtrl', function($scope, $sce, LearnCard, Category, $ionicModal, $stateParams, $filter) {

  console.log("stateParam: " + $stateParams.catId);

  // Get all LearnCards
  $scope.learnCardsAll = LearnCard.query();
  console.log("Before filtering");
  console.log($scope.learnCardsAll); // is populated

  $scope.learnCards = $filter('filter')($scope.learnCardsAll, { category: 1 });

learnCardsAll is populated as it should.

This is the structure of the elements: Console log

Maybe someone could help me?

If you can see that $scope.learnCardsAll is populated, then $scope.learnCards = _.filter($scope.learnCardsAll, {category: 1}); should work; — Bennett Adams
– Bennett Adams, Commented Dec 30, 2015 at 21:10

jcreamer898 · Accepted Answer · 2015-12-30 21:03:43Z

2

The .query method is async and takes a callback.

Try to do your filtering inside of it.

LearnCard.query(function(cards) {
  $scope.learnCards = $filter('filter')(cards, { category: 1 });
});

https://docs.angularjs.org/api/ngResource/service/$resource

answered Dec 30, 2015 at 21:03

jcreamer898

8,1895 gold badges44 silver badges57 bronze badges

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

1 Comment

andre-3000 Over a year ago

Thank you! That solves my problem... somehow. The view takes the filtered list. There is so much new stuff to read through and input so I did not think of that.

Collectives™ on Stack Overflow

AngularJS filter array in controller

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related