No caso dos separadores, seria legal apresentar as Pipes do Angular. Nesse caso, seria a do Uppercase. O link da documentação na mesma versão do angular do curso: https://v17.angular.io/api/common/UpperCasePipe
E como fica o código:
<app-container>
<app-header />
@for(letter of alphabet; track letter) {
<app-separator>
{{ letter | uppercase }}
</app-separator>
}
</app-container>
Olá Dirceu! Como vai?
Que ótima sugestão! Utilizar o Pipe Uppercase do Angular é uma maneira eficiente de transformar texto em letras maiúsculas diretamente no template, sem precisar mexer no CSS. Isso pode ser especialmente útil quando você quer aplicar essa transformação apenas em partes específicas da sua aplicação.
Agradecemos muito por compartilhar esse conhecimento sobre pipes com a comunidade Alura! Nos atentaremos a trazer essas informações de forma mais detalhada futuramente.
Conte com o apoio do fórum em sua jornada :)
Um abraço e bons estudos!