Learning notes on handling templates inside Angular

Blog. Presents – university. IO/presents – 2 – w…

How does Angular use the template to display the data of the screen, what is going on under the hood?

Clearly Angular is not handling the template simply as a string.

Angular does more than treat template as a string.

It ‘s later quite simple: Angular is taking the data and it’s applying it a function. The output of that function is the DOM data structure that corresponds to this HTML template.

Angular executes template function, whose output is a DOM data structure, the same as HTML Template.

Angular is not generating HTML as a string, its generating DOM data structures directly.

For example, in our case Angular will generate the DOM data structure directly from the data via a component renderer.

If the application would be a native mobile application or a server-side application then the output of the renderer would be something else. But in this case, the output of the component renderer is the DOM tree that represents the component view.