Slide 29
Slide 29 text
OnPush
@Component({
selector: 'my-component',
template: '{{ foo }}',
changeDetection:
ChangeDetectionStrategy.OnPush
})
export class MyComponent {
@Input()
public foo: string;
}
Change detection only reacts to
events within the component and
changes of @Input() parameters
Angular compares the values
passed to an @Input() via
Object.is(oldValue, newValue)
If you are passing objects, make
sure to pass in new instances!
Angular Performance
Your App at the Speed of Light
Change Detection Strategies
! View and model can
get out of sync!