Please enable JavaScript.
Coggle requires JavaScript to display documents.
Angular :explode:: - Coggle Diagram
Angular :explode::
Binding :check:
-
-
-
Class Binding
-
<div [class.warning]="['1', '2']">
-
-
Components interaction
Parent to child
child: Input() studentName = '';
parent: <app-student [studentAge]="10" studentClass="12A2" ></app-student>
Child to parent
Child: Output() dataEmmited: EventEmitter<string> = new EventEmitter<string>();
Parent: (dataEmmited)="handleDataEmitted($event)"
Template :check:
Template Variable
(#) Template variables help you use data from one part of a template in another part of the template.
-
-
ng-template
an element used to define a reusable template that can be used for rendering content conditionally or multiple times without being directly displayed on the page
ngTemplateOutlet
commonly used when you want to conditionally render different templates based on certain conditions, or when you want to encapsulate complex rendering logic in a separate template
-
-
-
-
Pipe
-
Custom pipe
-
In this class put pipe to mark to this is a pipe
-
-
Router
define routes in routes array, with path & component
-
-
Forms :check:
-
Template Driven Forms
Binding
-
-
ngModel, [ngModel], [(ngModel)]
-
-
-
-
-