Μετάφραση σε κεφαλαία γράμματα μέσω καναλιού στο Angular

Με τη βοήθεια του καναλιού UpperCasePipe μπορείτε να μεταφράσετε μια συμβολοσειρά σε πεζά γράμματα. Ας δοκιμάσουμε στην πράξη. Ας υποθέσουμε ότι στην κλάση του component έχουμε την ακόλουθη συμβολοσειρά:

export class AppComponent {
	name: string = 'john';
}

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

<div>
	{{ name | uppercase }}
</div>

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

<div>
	JOHN
</div>

Ας υποθέσουμε ότι έχετε έναν πίνακα:

export class AppComponent {
	users: string[] = ['john', 'alex', 'kate', 'mary'];
}

Εμφανίστε κάθε στοιχείο του πίνακα σε κεφαλαία γράμματα.