angular.js - Execution order problem, angular needs to compile the directive after getting the data in the background

Question

To open a page, you need to first initiate a $http request to get the data from the background, and then pass certain fields of the data as parameters to the directive for compilation.

The problem now is that the code in the directive seems to be executed as soon as the page is opened. Because the data has not been obtained yet, an error will be reported. How to adjust?

Tried and succeeded: first get the code data and then use $compile to dynamically compile the directive and then append it to the dom.
Want to know other good methods.

Answer 1

1. You can use Promise to encapsulate the AJAX request, and then perform subsequent operations after receiving the result in the instruction.
2. You can directly use $watch in the instruction to check whether the correct data is returned, and then perform subsequent operations. However, it is recommended that $watch is only used to check the data update status and not perform other operations.

Answer 2

It’s not clear what your requirements are. You just described a directive value-passing compilation problem

Answer 3

Tell us how to bind the data object to the DOM, use the instruction to get the data on the DOM, and then request the data in the controller