angular.js - angularjs order problem?

Question

1. I obtain user information through ajax in app.run(). I need to use the obtained user information in the controller, but I find that sometimes when I run it in the controller, I get the user information in app.run(). The ajax information has not been returned yet, which resulted in an error. Is there any good solution? It feels like the order is messed up when encountering a lot of ajax?

Answer 1

Why should the request data be placed in run? js must pay attention to asynchronous issues.

• You can request data through ajax in the controller (it is recommended to use $http). Before the data comes back, put a loading circle on the page. After the data comes, it will be refreshed to the page and the loading will be hidden.

• You can also use the resolve attribute of the route. This is to wait until the data is obtained before loading the page. Please refer to the routing tutorial for specific usage.

Both methods are very easy to use, I personally like the first one.

Answer 2

Resovle in the router

Answer 3

1. You can get the promise requested by ajax during run in the controller, and then write the code in the then callback.

2. You can also watch the user information you want in the controller, and then execute your logic when there is value.

Answer 4

You can define a variable ok after the run ajax is completed to identify whether success
In the controller
function waitOK() {

        if (ok) {
            setTimeout(function() {
                waitOK();
            }, 100);
        } else {
            //todo....
        }

}