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

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

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

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

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

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

html<div>
  JOHN
</div>

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