⊗jsagPmPpCh 58 of 97 menu

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.

azbydeenesfrkakkptruuz