Explain the Architecture overview of Angular.

Angular is the most popular web development framework for developing mobile and web applications. It uses cross platform mobile development called IONIC that’s why it is not limited to web apps only.

There are 7 main building blocks of an Angular application:

  • Component
  • Templates
  • Metadata
  • Data Binding
  • Directives
  • Services
  • Dependency Injection
    The basic building blocks of an Angular application are NgModules, which provide a compilation context for components. Angular app is defined by a set of NgModules and it always has at least a root module that enables bootstrapping, and many more feature modules.

Components define Template views

  • Components use services
  • The NgModules make developers to organize an application into connected blocks of functionality.

The NgModule properties for the minimum “AppModule” generated by the CLI are as follows:

  • Declarations: Use to declare the application components.
  • Imports: Every application must import BrowserModule to run the app in a browser.
  • Providers: There are none to start.
  • Bootstrap: This is a root AppComponent that Angular creates and inserts into the index.html host web page.