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:
app/app.component.tsexport 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.':
app/app.component.html<div>{{ name | uppercase | slice:0:4 }}</div>
Задание 1
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.