Por que foi usado na mensagem {{ }} e não [{ }]. Quala diferença?
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