javascript / intermediate
Snippet
OnPush Change Detection Strategie
Die OnPush-Strategie reduziert den Overhead der Change-Detection, indem die Komponente nur geprüft wird, wenn sich eine @Input-Eigenschaft per Referenz ändert. Dies spart Ressourcen in großen Anwendungen.
snippet.js
1
2
3
4
5
6
7
8
9
@Component({selector: 'app-user',template: '<div>{{ user.name }}</div>',changeDetection: ChangeDetectionStrategy.OnPush,standalone: true})export class UserComponent {@Input() user!: { name: string };}
angular
Erklärung
1
ChangeDetectionStrategy.OnPush
Konfiguriert die Komponente für den effizienteren OnPush-Erkennungsmechanismus.
2
@Input() user!
Änderungen am User-Objekt müssen durch Erstellen einer neuen Referenz erfolgen, um die Erkennung auszulösen.