Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Bug] lista-animais.component.ts:23 ERROR DOMException: Failed to execute 'setAttribute' on 'Element': '[src' is not a valid attribute name.

Olá comunidade Alura!

Estou com um problema ao rodar o projeto após o instrutor finalizar a aula de "Lista de Animais", o erro apresentado segue na imagem abaixo:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Dessa forma deixarei o link do meu repositório com o respectivo código fonte para análise.

Link: https://github.com/jorgehauck/gatitobook-angular-framework

Obrigado!

2 respostas
solução!

Olá José, tudo bom?

Então, dei uma olhada no seu código, e o erro está na property binding aplicada no AnimalComponent.

<img [src="url"] [alt="descricao"] class="img-thumbnail">

O atributo src e alt devem receber o valor das propriedades passadas como valor destes atributos, sendo assim, o nome dos atributos devem está envolvidos com os colchetes, desta forma:

<img [src]="url" [alt]="descricao" class="img-thumbnail">

Assim, o Angular saberá que estes atributos da tag <img> criada no template irão receber as informações contidas nas propriedades presentes na classe com componente.

Para entender melhor, dá uma lida na documentação do Angular sobre Property Binding.

Espero ter ajudado.

Abraço.

Diego, boa noite!

Realmente a propriedade do binding estava errada, realizei a correção e o projeto subiu sem erros.

Desde já muito obrigado pela resposta completa junto com o link da documentação do Angular.

Abraços!