Encadenamiento de Pipes en Angular
Para aplicar varios tipos a un mismo
valor, se puede utilizar el encadenamiento
de pipes. Para ello, escribimos todos los pipes
que necesitemos mediante el símbolo |.
Vamos a definir en la clase del componente principal
la propiedad name:
export class AppComponent {
name: string = 'john d.';
}
En la plantilla HTML escribiremos la salida del nombre
de usuario en mayúsculas, excluyendo
la parte de la cadena ' d.':
<div>{{ name | uppercase | slice:0:4 }}</div>
Defina en la clase de su componente principal
una cadena, que consista de 10 caracteres.
Muestre en pantalla sus últimos cinco caracteres
en mayúsculas.