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.
