Μετάφραση σε πεζά μέσω σωλήνα στο Angular

Με τη βοήθεια του σωλήνα LowerCasePipe, μπορείτε να μετατρέψετε μια συμβολοσειρά σε πεζά. Ας δοκιμάσουμε στην πράξη. Ας υποθέσουμε ότι στην κλάση του component έχουμε την ακόλουθη συμβολοσειρά:

app/app.component.tsexport class AppComponent {
  name: string = 'JOHN';
}

Ας εμφανίσουμε τη συμβολοσειρά μας στο αρχείο του template, εφαρμόζοντας τον σωλήνα μας:

html<div>
  {{ name | lowercase }}
</div>

Αποτέλεσμα εκτέλεσης κώδικα:

html<div>
  john
</div>

typescriptexport class AppComponent {
  products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}