How to loop through a child of an AngularJS scope element

Question

I'm trying out some Angular and I can't seem to get my head around $scope objects.

I don't seem to be able to easily loop through a scope objects child. I have a match object, which has players where I want to loop through to get their points.

app.controller('PlayController', function($scope, Points, Matches, $routeParams, $location){
  var id = $routeParams.id;
  $scope.match = Matches.get({id: id});

  angular.forEach($scope.match.players, function(value, key) {
      console.log(value);
      console.log("test");
  });
});

Nothing is returned here, no value or test and I'm sure $scope.match has 3 players in there.

Anyone any idea what I'm doing wrong here?

Shashank Agrawal · Accepted Answer · 2015-11-05 06:40:54Z

1

Seems like you are doing a server side call in Matches.get(). An AJAX request is asynchronous so you will never get the results immediately after the code execution. So change you code like this:

var id = $routeParams.id;
$scope.match = Matches.get({id: id}, function(data) {   // Callback when your server responded the data
    console.log(data);

    angular.forEach($scope.match.players, function(value, key) {
       console.log(value);
       console.log("test");
    });
});

answered Nov 5, 2015 at 6:40

Shashank Agrawal

25.9k11 gold badges98 silver badges126 bronze badges

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

2 Comments

user1986848 Over a year ago

Legend! It seems I got so stuck with working with angular that I forgot something as basic as an AJAX call...

Shashank Agrawal Over a year ago

Sure, it happens :-) We are here to help.

Collectives™ on Stack Overflow

How to loop through a child of an AngularJS scope element

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