javascript / intermediate
Snippet
Leistungsoptimierung mit Pure Pipes
Standardmäßig sind Angular-Pipes 'pure'. Das bedeutet, dass die transform-Methode nur aufgerufen wird, wenn sich die Eingabeargumente ändern. Dies verhindert teure Berechnungen bei jedem Change-Detection-Zyklus und verbessert die Performance erheblich.
snippet.js
1
2
3
4
5
6
7
8
9
@Pipe({name: 'expensiveFilter',pure: true})export class FilterPipe implements PipeTransform {transform(items: any[], term: string): any[] {return items.filter(item => item.name.includes(term));}}
angular
Erklärung
1
pure: true
Sagt Angular, dass die Pipe nur ausgeführt werden soll, wenn sich die Identität von 'items' oder 'term' ändert.
2
transform(items: any[], term: string)
Die Kernlogik, die das Array basierend auf dem angegebenen Suchbegriff filtert.