Αλυσίδες Καναλιών στο Angular

Για να εφαρμόσετε πολλαπλούς μετασχηματισμούς σε μια τιμή, μπορείτε να χρησιμοποιήσετε αλυσίδες καναλιών. Για να το κάνετε αυτό, γράφουμε όλα τα απαραίτητα κανάλια μέσω του συμβόλου |.

Ας ορίσουμε στην κλάση του κύριου component την ιδιότητα name:

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

Στο HTML template θα γράψουμε την εμφάνιση του ονόματος του χρήστη σε κεφαλαία, εξαιρώντας το τμήμα της συμβολοσειράς ' d.':

app/app.component.html<div>{{ name | uppercase | slice:0:4 }}</div>