javascript / beginner
Snippet
Datentransformation mit benutzerdefinierten Pipes
Benutzerdefinierte Pipes werden verwendet, um Formatierungslogik zu kapseln, die in verschiedenen Templates Ihrer Anwendung wiederverwendet werden kann.
snippet.js
1
2
3
4
5
6
@Pipe({ name: 'square' })export class SquarePipe implements PipeTransform {transform(value: number): number {return value * value;}}
angular
Erklärung
1
@Pipe({ name: 'square' })
Definiert den Namen, der verwendet wird, um die Pipe im HTML anzuwenden.
2
implements PipeTransform
Stellt sicher, dass die Klasse der erforderlichen Struktur für eine Angular-Pipe entspricht.
3
transform(value: number)
Die Methode, die den Eingabewert entgegennimmt und das formatierte Ergebnis zurückgibt.