Pre-requisites check
Technical Lead, Synerzip
@pankajparkar
@pankajparkar
For that we're going to use ombd.com
@pankajparkar
@pankajparkar
Navbar HTML
Card HTML
@pankajparkar
Text
@pankajparkar
Think of them as Promises on Steroids
@pankajparkar
@pankajparkar
@pankajparkar
Let's add components
Add route for respective pages.
@pankajparkar
@pankajparkar
Demo
@pankajparkar
Demo
@pankajparkar
@pankajparkar
In simple word, it synchronises the model changes to view.
import {
Component
} from '@angular/core';
@Component({ ... })
export class AppComponent {
title = 'Angular'
}
<span>
{{title}}
</span>
<button (click)="title='Changed'">
Change Title
</button>
Change Title
Angular
Changed
Click
@pankajparkar
Change detection fires
CD -> Change Detection
@pankajparkar
@Input() name1
@Input() name2
[name]="name2"
[name]="name1"
name1 = 'Ravi'
name2 = 'Pankaj'
name1 = 'Ravi'
name2 = 'Keerti'
OnPush
OnPush
@pankajparkar