A View is a core primitive used by angular to render the DOM tree.
- The resulting View instance looks something like this (simplified pseudo code):
An important part of an application is to be able to change the DOM structure to render data for the user.
- Let’s start with a View such as:
During the compilation process the Compiler breaks the HTML template into these two ProtoViews:
The next step is to compose these two ProtoViews into an actual view which is rendered to the user.
- Notice that
Step4: All of the bindings in the child Views are updated.
- By inserting and removing child Views to and from the ViewContainers, the application can mutate the DOM structure to any desirable state.
- The insertion points for the child Views, known as ViewContainers, contain a DOM element which acts as an anchor.