Chaînes de canaux dans Angular

Pour appliquer plusieurs types à une seule valeur, vous pouvez utiliser des chaînes de canaux. Pour ce faire, écrivez tous les canaux dont vous avez besoin via le symbole |.

Définissons dans la classe du composant principal la propriété name :

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

Dans le modèle HTML, écrivons la sortie du nom d'utilisateur en majuscules, en excluant la partie de la chaîne ' d.' :

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