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:

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

Y ahora usando la tubería SlicePipe recortemos la cadena, especificando sus índices inicial y final:

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

Como resultado, obtendremos lo siguiente:

app/app.component.html<div>
  jo
</div>