Por que foi usado na mensagem {{ }} e não [{ }]. Quala diferença?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Por que foi usado na mensagem {{ }} e não [{ }]. Quala diferença?
Olá, Diogo, tudo certo?
No template, quando queremos usar alguma variável como conteúdo visual, usamos o {{ }}, que se chama Text Interpolation (Interpolação de Texto).
Os colchetes possuem um significado diferente para o Angular, em que estamos conectando nosso código TypeScript a alguma propriedade da tag, como uma tomada. Assim, a propriedade e o valor do TypeScript criam um vinculo entre si, que não seria possível com o uso de {{ }}. Esse processo é conhecido como Property Binding (Ligação de Propriedade).
A documentação do Angular possui extenso conteúdo sobre, e recomendo que você dê uma olhada:
A principal diferença, portanto, é no "local" em que estamos querendo usar nosso código TypeScript. Em propriedades de uma tag HTML (ou de uma tag de outro componente) usamos o Property Binding, e se for apenas uma extração do valor textual como conteúdo do HTML, usamos o Text Interpolation.
Espero que ajude!
Obrigado