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

Utilizando a primeira diretiva *ngF

Bom dia!

tentando aplicar a diretiva *ngFor do Angular, meu aplicativo para de funcionar, a tela fica totalmente em branco.

Já revisei inúmeras vezes, não encontro o motivo!

O que pode estar havendo???

Códigos: app.component.ts

export class AppComponent {

  photos = [
    {
      lstrImagePath:'https://images.immedia.com.br//16/16460_2_EL.jpg?c=201807161556', lstrImageDecription:'Pic1'
    },
    {
      lstrImagePath:'http://i0.statig.com.br/social/compartilhe_ig_carros.png', lstrImageDecription:'Pic2'
    }
  ];

}

Códigos: app.component.html

<ap-photo 
    *ngFor="let photo of photos" 
    [lstrImagePath]="photo.lstrImagePath" 
    [lstrImageDecription]="photo.lstrImageDecription">
</ap-photo>
7 respostas

Boa tarde, Marcelo! Como vai?

A Angular CLI ou o console do navegador exibem algum log de erro ao carregar a página? Se sim, vc poderia colar o log aqui para eu dar uma olhada e tentar te ajudar?

Na verdade não! Ambos não apresentam nenhuma anormalidade!

Entendi. Bom, o trecho de código que vc postou parece estar correto, mas pode haver algum erro em alguma outra parte. Vc poderia colocar o seu projeto no github, dropbox ou google drive e mandar o link aqui para que eu possa dar uma olhada direta no que está acontecendo?

Sim, faço em instantes e te envio o link!

Gabriel,

Segue o link do projeto no dropbox.

Obrigado pela ajuda. Abração!

https://www.dropbox.com/s/qms4ki44mvo65xh/AlbumFotos.zip?dl=0

Gabriel, tudo bom?

Cara, refiz o código do zero, e (sabe lá Deus porquê) funcionou!

Deve ter sido alguma coisa de case ou errei o nome de alguma propriedade.

Ainda assim, eu gostaria que me dissesse o que era o problema porque quero entender o que houve, pode ser?

Obrigado meu parceiro! Abração!

solução!

Na verdade, encontrei o erro!

Uma das propriedades de <ap-photo> estava incorreta.

Errada: lstrImageDecription

Correta: lstrImageDescription

O Angular não encontrava a propriedade, portanto não sabia o que executar com o comando, e não exibia nada na tela.

Obrigado meu querido! Grande Abraço!