Scribd
Upload
23 views

Angular Index

Uploaded by

Yash Desai
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
23 views

Angular Index

Uploaded by

Yash Desai
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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