Como exibir imagens png no Angular 4 ?

9 respostas Resolvido
wladyband

Tenho estudado o Angular 4 e aprendi como configurar o Bootstrap e Javascript no arquivo .angular-cli.json, mas agora preciso colocar uma imagen no topo da minha pagina e não sei como fazer, alguém poderia me dá uma dica de como posso fazer isso?

9 Respostas

Daniel_Dias

Ola,

veja se esse tutoriais te ajudam :

http://www.ciceroednilson.com.br/desenvolvendo-uma-aplicacao-web-com-angular-4-e-spring-boot-parte-1-introducao/

wladyband

Por favor, onde nesse curso explica como exibir a imagem?

Daniel_Dias
Solucao aceita

desculpe, ali não mostra como adicionar imagens.

porem eu fiz esse projeto tem um tempo com base nesse tutorial, la na pasta home tem um html que passo uma imagem para ficar no meio :

wladyband

Está parecendo que você está fazendo pegadinha, poderia pelo menos mostra onde no projeto o código implementa a exibição da imagem :confused:

javaflex

Ele não fez pegadinha, o html com imagem está na pasta Home como ele falou.

Daniel_Dias

espero que o projeto tenha te ajudado.

bons Estudos.

{ },s

wladyband

Ajudou bastante, muito obrigado! :wink:

A

Olá Daniel_Dias… estou estudando o Angular e pegar esse projeto para estudo.
Mas o link não esta funcionando.

Ana_Beatriz_Salvina

olaa

No angular é tido como boa prática você criar componentes header, footer, você pode fazer isso com os seguintes comandos:

ng generate component header e com o footer,

ng generate component footer

Sendo assim você cria arquivos html dentro de cada um deles, e coloca um caminho para sua imagem como:

<a href="pokemons-detail.html" data-toggle="collapse"><img src="bulbassauro.jpg" class="img-circle person" alt="Random Name" width="255" height="255"></a>

Espero que ainda ajude esta dica :slight_smile:

Criado 23 de março de 2018
Ultima resposta 12 de jan. de 2020
Respostas 9
Participantes 5