Scribd
Upload
157 views98 pages

Angular For Beginners Course (Full Front End Tutorial With TypeScript)

The document discusses various Angular features including directives like *ngIf, ngStyle, and ngClass, as well as the structure of parent and child components. It also mentions the use of services and module injection in Angular applications. Additionally, it touches on DOM events and changes related to component interactions.

Uploaded by

cokoji1114
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
157 views98 pages

Angular For Beginners Course (Full Front End Tutorial With TypeScript)

The document discusses various Angular features including directives like *ngIf, ngStyle, and ngClass, as well as the structure of parent and child components. It also mentions the use of services and module injection in Angular applications. Additionally, it touches on DOM events and changes related to component interactions.

Uploaded by

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

Functions

[Link]

[Link]
<div *ngIf=“condition”> </div>
product.is_in_inventory bool value

[ngStyle]="{fontWeight:'bold', color: product.is_in_inventory ? 'Green' : 'Red' }"


[ngClass]="{'btn':true, 'btn--search':searchTxt,'btn--search--disabled':!searchTxt}"
Parent component

Child Component
Initialize

DOM change event happened

DOM event happened with out change


Custom Attribute Directory
Angular
*ngIf Behind the seen angular create a <ng-template [ngIf]>
Service
[Link]

Now its inject as the module injection


No need to inject inside the components

You might also like