Scribd
Upload
3 views2 pages

Ang Concepts

The document outlines key concepts in Angular, including data binding types (string interpolation, property binding, event binding, two-way binding), directives (structural and attribute), and component communication through services and dependency injection. It also covers routing, observables, and module management, highlighting the importance of lifecycle hooks, custom directives, and service behavior in different module contexts. Additionally, it addresses problem statements related to forkJoin, lazy loading, and AOT/JIT compilation strategies.

Uploaded by

sree16u
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
3 views2 pages

Ang Concepts

The document outlines key concepts in Angular, including data binding types (string interpolation, property binding, event binding, two-way binding), directives (structural and attribute), and component communication through services and dependency injection. It also covers routing, observables, and module management, highlighting the importance of lifecycle hooks, custom directives, and service behavior in different module contexts. Additionally, it addresses problem statements related to forkJoin, lazy loading, and AOT/JIT compilation strategies.

Uploaded by

sree16u
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/ 2

string interpolation {{}}

property binding []
event binding ()
two way binding [(ngModel)] (two wa

Directive -> Component is a directive with template


*ngIf/else/ngFor - Structural directive
<ng-template> conditional
Attribute directive : ngStyle/ngClass/ngFor
________________________________
Section 5 Components
--------------------------------
@Input () - exposing own custom property in custom component
@output() -
alies for input parent -> child
event emmiter child -> parent
local reference
@viewchild change in angular 8 (with in component and inparent component)
ng-content projectionx
lifecycle hooks
ngonchnages
ngoninit after constructer
ngdocheck
ngaftercontentinit
ngaftercontentchecked
agafterviewinit
ngafterviewchecked
ngdestroy

ngoninit runs after constructor


@contentChild getting the projected content from the view
________________________________________________________________________________
Section 7 Directives
----------------------------
Structural Directive - *ngIf , *ngFor , *ngSwitch
Attribute directive -
create custom attribute directive : set propery with renderer
@Hostlisteners
@HostBinding
ngIf use without * / ngIf as a property binding
create custom structural directive (why *, use this without * ng-template)
*ngSwitch
________________________________________________________________________________
Section 9 Services / Dependency Injection
creating service and injecting to a component
providers[]
service hirarchy, top level / child level
@injectable
cross component communication with service (event emitter,subscribe)
------------------------------------------------------------------------------
Section 11 Routing
adding routes to app.module (absolute path/relativepaath)
roterlink / routerlinkactive / routerlinkactiveoptions
router.navigate programatic routing / activated route (relativeto)
user parameters (using snapshot / params)
route param observable / subscribe / unsubscribe
query params, hash segments
child routes
authgaurd - can we visit
/ can deactiveguard - interface can we leave
/ resollveguard -
-----------------------------------------------------------------
Observables
creating new obs (interval)
SUBSCRIPTION / complete / error
operators ? - as a pipe
subject - global event emiter
--------------------------------------------------------
Modules
feature module
shared module
core module
lazy load - preloadingstartergy
service in differnt module (appmodule/lazymodule/eagerlymodule)
behaviour of service in lazymodule/appmodule/lazymodule/eagerlymodule

problem statemnt
1. forkjoin
2. lazyload module with custompreloadstatergy
3. servie behaviour in different module (differnt data when in
lazymodule/eagermodule)

AOT / JIT
-----------------------------------------------------------------------------------
----

You might also like