javascript / intermediate
Snippet
Performance-Optimierung mit Pure Pipes
Pure Pipes werden nur ausgeführt, wenn sich ihre Eingabeargumente wertmäßig oder per Referenz ändern. Dies verhindert unnötige Neuberechnungen während der Change-Detection-Zyklen von Angular und verbessert die Performance.
snippet.js
javascript
1
2
3
4
5
6
@Pipe({ name: 'square', pure: true, standalone: true })export class SquarePipe implements PipeTransform {transform(value: number): number {return value * value;}}
angular
Erklärung
1
pure: true
Weist Angular an, das Ergebnis zu cachen und die Pipe nur bei Änderungen der Eingabe erneut auszuführen.
2
transform(value: number)
Die erforderliche Methode zur Implementierung der Datentransformationslogik einer Pipe.