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

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

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

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

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

<div>{{ name | uppercase | slice:0:4 }}</div>

Ορίστε στην κλάση του κύριου component σας μια συμβολοσειρά, που αποτελείται από 10 χαρακτήρες. Εμφανίστε στην οθόνη τους τελευταίους πέντε χαρακτήρες της σε κεφαλαία.