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絕不僅僅是将template當成一個string來處理。
It’s actually 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執行template function，該function的輸出是DOM資料結構，同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.
![主流浏覽器四大綜合性能測試[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)