How to make AngularJS wait for more data?

Question

I want to use a websocket to get information once AngularJS is loaded, and then apply the new data to the template transformations. Is there a way to make AngularJS block while new data is being requested?

what exactly do you mean by "make AngularJS block"? When I am asynchronously requesting data, I typically set a $scope.loading = true; flag in the controller and in the promise's finally() function, I set $scope.loading = false;. In my templates I would use something like: ng-if="!loading" or ng-show="!loading" — plong0
– plong0, Commented Aug 28, 2016 at 22:00
plong0: that sounds like a usable system... but if you wouldn't mind making a super small example at plunkr where it just waits 1 second before populating the AngularJS fields that would be really awesome! — clearairturbulence
– clearairturbulence, Commented Aug 28, 2016 at 22:05

plong0 · Accepted Answer · 2016-08-29 20:23:49Z

1

I typically use an approach where before making the async call, I set a $scope.loading = true; and in the promise's finally() callback, I set $scope.loading = false; With this flag set, it is very easy to use any of ng-switch/ng-show/ng-if to toggle visibility of elements in the template.

I have prepared a plunker demo showing this approach.

edited Aug 29, 2016 at 20:23

answered Aug 29, 2016 at 17:10

plong0

2,1891 gold badge19 silver badges19 bronze badges

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

1 Comment

clearairturbulence Over a year ago

Thank you! This is exactly what I was looking for!

Collectives™ on Stack Overflow

How to make AngularJS wait for more data?

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related