0% found this document useful (0 votes)
21 views

Angular Index

Uploaded by

Yash Desai
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
21 views

Angular Index

Uploaded by

Yash Desai
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

02 Components and Databinding part 1

1) @Input()
2) @Output()
3) Event emitters
3.1) customEvent = new EventEmitter()
3.2) customEvent.emit(data)
4) Template reference (#abc)
5) @ViewChild('abc', {static: true})

02 Components and Databinding part 2


1) <ng-content>
2) @ContentChild()
3) Lifecycle hooks
3.1) OnInit
3.2) AfterContentInit
3.3) AfterViewInit
3.4) OnDestroy

03 Directives deep dive


1) Attribute vs Structural directives
2) <ng-container>
3) Custom attribute directives
4) ElementRef as a dependency
5) @HostListener()
6) @HostBinding()
7) Custom attribute directives with custom property binding
8) ngSwitch directive

04 Services and Dependency Injection part 2


1) Hierarchy of injection
2) Injecting a service into a service

04 Services and Dependency Injection part 3


1) Cross-component communication

05 Angular routing part 1


1) Routes array
2) Routes as a type
3) RouterModule.forRoot()
4) <router-outlet>
5) routerLink directive and its binding
6) Relative vs Absolute path
7) routerLinkActive and routerLinkActiveOptions directive
8) Router as a dependency
9) Programmatically navigating to different route using router.navigate() in
component.ts file

05 Angular routing part 2


1) ActivatedRoute as a dependency
2) Route parameter
3) Query parameters and fragment
4) Child/nested routes

05 Angular routing part 3


1) Preserving query parameters and fragment from previous route while
navigating to next route
2) Redirecting and wild card routes
3) Outsourcing routes to a separate module
05 Angular routing part 4
1) Condition to get inside a route (canActivate)
2) Condition to get inside just child routes (canActivateChild)
3) Condition to get out of a route (canDeactivate)
4) Executing a piece of code before accessing a particuar route
4.1) Passing static data using data property
4.2) Passing dynamic data using resolve property and resolver service
5) Router config for localhost:port/#/

06 Observables part 1
1) Built in RxJS observables
2) Custom objervables
2.1) Emitting data --> observer.next()
2.2) Throwing error --> observer.error()
2.3) Completion --> observer.complete()
3) Catching emitted data, thrown error or completion inside subscription

06 Observables part 2
1) Operators in RxJS
2) Subjects

07 Rective forms part 1


1) Importing ReactiveFormsModule
2) FormGroup() <--> formGroup and formGroupName directive, for forms and
associate dcontrols.
3) FormControl() <--> formControlName, for individual controls.
4) FormGroup.get('control name/path') returns FormControl
5) For individual control
5.1) FormGroup.get('control name/path').valid
5.2) FormGroup.get('control name/path').touched
5.3) FormGroup.get('control name/path').value
6) For entire form
6.1) FormGroup.valid
6.2) FormGroup.touched
6.3) FormGroup.value

07 Rective forms part 2


1) FormArray() <--> formArrayName directive, for adding/removing controls
dynamically.
2) Formgroup.get('form array name/path').controls
3) Custom validators
4) Handling validation errors using error codes
4.1) FormGroup.get('control name/path').errors.required
4.2) FormGroup.get('control name/path').errors.email
4.3) FormGroup.get('control name/path').errors.custom_error_code
5) Condition for submitting the form.

07 Reactive forms part 3


1) Custom async validators
2) Special reactive form observables
2.1) FormGroup.valueChanges
2.2) FormGroup.statusChanges
2.3) FormControl.valueChanges
2.4) FormControl.statusChanges
3) FormGroup.setValue()
4) FormGroup.patchValue()
5) FormGroup.reset()

08 Pipes
1) Adding pipes to template (DATA | pipe:arg1:arg2)
2) Multiple pipes on single data
3) Passing parameters to pipes
4) Passing more than one parameters to pipe
5) Custom pipes
6) Manipulating data other than string
7) Pure/impure pipes, and how to convert a pipe to impure.
8) Async pipes.

09 Making HTTP requests part 1


1) Importing HttpClientModule
2) HttpClient as a dependency
3) POST --> HttpClient.post(url, requestBody)
4) GET --> HttpClient.post(url)
5) DELETE --> HttpClient.delete(url)
6) Updating UI
6.1) Fetching data --> fetching is complete
6.2) Posting data --> posting is complete
7) Handling errors and updating UI is there is error.

09 Making HTTP requests part 2


1) Setting request headers
2) Setting query params for the request
3) {observe: 'response'} over {observe: 'body'}

09 Making HTTP requests part 3


1) Interceptors
1.1) Manipulating request before sending it.
1.2) Manipulating response before subscribing to it.
1.3) Multiple Interceptor and order of the interceptors.

You might also like