 |
| Angular application architecture |
Component
- Control a part of UI
- Defined using the @Component decorator
- Contains
- template: loads view for the component
- Stylesheet: define look and feel
- Class: business logic for component
- ng generate component productList
Module
- Group component
- Module decides whether the components, directives, etc can be used by others or not
- There is two types of module exists in Angular
- Root Module:
- Every app can have only one root module.
- Imports Browser Module
- Defined inside app.module.ts
- Feature Module
- mg generate module product-list
Services
- Services are objects which get initiated only once during the lifetime of an application.
- The main objective of the service to share data
- Defined using a @Injectable decorator
- A function defined inside a service can be invoked from any component or directive by just importing the service.
- ng generate service product-service
