Pipes no Angular

Pipes (pipes) são ferramentas especiais para formatar valores exibidos por meio de interpolação.

Vejamos o algoritmo geral de uso de pipes. Cada pipe tem um nome, por exemplo: UpperCasePipe. Este pipe transforma uma string em letras maiúsculas. Para aplicar um pipe, você precisa colocar o símbolo | após o valor de interesse e escrever o nome, omitindo o sufixo 'Pipes'. Por exemplo, assim:

html<div>{{ name | uppercase }}</div>

Nas próximas lições, estudaremos quais pipes estão disponíveis no Angular, bem como as particularidades de sua aplicação.