JavaScript Edu Resources. Angular Courses. React Tutorials. Join us!

View

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.



awesome-angular/View.md at gh-pages · AngularClass/awesome-angular · GitHub

Comments are closed, but trackbacks and pingbacks are open.