Explain Angular 2.0 Framework Architecture with the help of diagram?
Angularjs 2.0 can be defined simply as following:
HTML Template + Javascript/ Typescript code compiled to Javascript = Angularjs 2.0 app
Every Html template, there is a component. These components manages corresponding templates. Sometimes, components are injected with services for any particular service.
The following figure describes Angularjs 2.0 framework in a nutshell.
From the figure, we can see that Angularjs 2.0 framework has 9 main building blocks such as:
- Metadata
- Module
- Component
- Template
- Data Binding
- Event Binding
- Directive
- Service
- Dependency Injection