Execute code after multiple resources have loaded

[Eric Feng]

In Angular, what is the best practice for triggering code after multiple models have been populated by resource services. Nest $scope.$watch? 

Right now, I'm cheating and checking off values in an array, which doesn't feel very "angular."

$scope.loaded = [];

$scope.modelA = aResource.query({}, function() {$scope.loaded.push('a')});

$scope.modelB = bResource.query({}, function() {$scope.loaded.push('b')});

$scope.$watch(loaded.length, function(newValue) {

if ($scope.loaded.indexOf(modelA) != -1 && $scope.loaded.indexOf(modelB) != -1) {

console.log('done!'); 

} 

})

[Eric Feng]

Also, posted on StackOverflow, for those who want karma. :)

http://stackoverflow.com/questions/15368507/execute-code-after-multiple-resources-have-loaded-in-angular

[Caleb Olin]

Take a look at the $q service:

http://docs.angularjs.org/api/ng.$q

You can use it to bundle up promises then execute a callback when they've all loaded.

[Mark Perry]

Perhaps an answer in this thread:

https://groups.google.com/forum/?fromgroups=#!topic/angular/OhYy7CAqdiw

M

[Eric Feng]

Thank you! I think everyone is right: it's time for me to learn promises, something that I've been avoiding for some time. :)

--
You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/TizlifUL7FU/unsubscribe?hl=en-US.
To unsubscribe from this group and all its topics, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular?hl=en-US.
For more options, visit https://groups.google.com/groups/opt_out.