Recorte de cadenas a través de una tubería en Angular
Aprendamos a usar la tubería SlicePipe.
Esta tubería permite recortar una cadena. Además,
acepta parámetros que definen
los índices inicial y final del recorte.
Para pasar un parámetro, después del nombre de la tubería
se coloca dos puntos y se enumeran los parámetros.
Veamos un ejemplo. En la clase
del componente definamos la propiedad name:
export class AppComponent {
name: string = 'john';
}
Y ahora usando la tubería SlicePipe
recortemos la cadena, especificando sus índices
inicial y final:
<div>
{{ name | slice:0:2 }}
</div>
Como resultado, obtendremos lo siguiente:
<div>
jo
</div>
Cree una cadena que incluya 11
caracteres. Muestre en pantalla el segmento desde
el índice 2 hasta el 4.