Encadeamento de Pipes no Angular
Para aplicar vários tipos de formatação a um único
valor, você pode usar o encadeamento de pipes.
Para isso, escrevemos todos os pipes necessários
separados pelo símbolo |.
Vamos definir no arquivo da classe do componente principal
a propriedade name:
export class AppComponent {
name: string = 'john d.';
}
No template HTML, vamos escrever a saída do nome
do usuário em letras maiúsculas, excluindo a
parte da string ' d.':
<div>{{ name | uppercase | slice:0:4 }}</div>
Defina no arquivo da classe do seu componente principal
uma string composta por 10 caracteres.
Exiba na tela seus últimos cinco caracteres
em letras maiúsculas.
