Μετάφραση σε πεζά μέσω σωλήνα στο Angular
Με τη βοήθεια του σωλήνα LowerCasePipe,
μπορείτε να μετατρέψετε μια συμβολοσειρά σε πεζά.
Ας δοκιμάσουμε στην πράξη. Ας υποθέσουμε ότι στην
κλάση του component έχουμε την ακόλουθη
συμβολοσειρά:
export class AppComponent {
name: string = 'JOHN';
}
Ας εμφανίσουμε τη συμβολοσειρά μας στο αρχείο του template, εφαρμόζοντας τον σωλήνα μας:
<div>
{{ name | lowercase }}
</div>
Αποτέλεσμα εκτέλεσης κώδικα:
<div>
john
</div>
Ας υποθέσουμε ότι έχετε έναν πίνακα:
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
Εμφανίστε κάθε στοιχείο του πίνακα σε πεζά.
