Angular Basics

Intro

•    package.json

•     (list of dependencies)

•    package-lock.json

•     (details list of that dependencies)

•    angular.json

•     (map everything here: assets, scripts etc)

•    tsconfig.json

•     (typescript configuration file)

•    polyfills.ts

•     (compatibility file)

 

Components

•    Modules must be declared in the imports

•    Components must be declared in the declarations

•    Standalone components are not dependent in any modules and it must be declared in imports

•    and Pipes are doing the transformation over text

Bindings - Two Way, Property, Event

Routing

•    Basic Routing

•      Routes – for mapping path & component

•      routerLink – navigate to different routes

•      router-outlet– for displaying matched route

•    Child routing

•     Activated Route (const routeId = route.snapshot.paramMap.get(‘id’);)

•    Module Routing

•     const routes : Routes

•    Lazy Loading

•     Load when required (loadChildren then import)

Directives

•    Add additional behavior to elements

•    Components works as a directive

•    Attribute Directive

ngClass (Binding Classes)

ngStyle (Binding Styles, Only accept objects s = {})

ngModel (Two Way Binding)

•    Structural Directive

*ngIf

*ngFor

*ngSwitch

Services

•    Defined with @Injectable

•    All are in observable format and without subscribe it won’t work (Rxjs feature)

FormType

•    TDF – handle in html file

•     ngForm

•    Reactive – handle in ts file

•     FormGroup

Guard

•    used to control access in particular route

•    canActivate

•    canActivateChild

•    canDeactivate

•    canLoad

Interceptor

•    Used for token login

•    Declares in app.module [Providers]

Rxjs

•    Observable and Operators

•    Promise (then, then, finally)