Troncature de chaîne via un pipe dans Angular

Apprenons à utiliser le pipe SlicePipe. Ce pipe permet de tronquer une chaîne. Il accepte des paramètres qui définissent les indices de début et de fin de la troncature. Pour passer un paramètre, après le nom du pipe, on met deux-points et on énumère les paramètres.

Regardons un exemple. Dans la classe du composant, définissons une propriété name :

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

Et maintenant, utilisons le pipe SlicePipe pour tronquer la chaîne, en spécifiant les indices de début et de fin :

<div>
	{{ name | slice:0:2 }}
</div>

Le résultat sera le suivant :

<div>
	jo
</div>

Créez une chaîne contenant 11 caractères. Affichez à l'écran le segment de l'indice 2 à 4.