0

Tenho uma lista de produtos, clicando em algum deles, redireciona para outra página mostrando apenas o conteúdo desse item. Eu recebo a Imagem, mas gostaria que ela ficasse como plano de fundo, ou seja: vai mostrar a mesma imagem em tamanho grande, e com texto e etc escrito por cima. Tem como a partir do meu HTML eu definir a imagem como background? Pois para receber ela estou usando <img src="{{produto.nom_pathimagem}}" class="bgimage" >. Logo não posso definir um valor padrão em scss. Obrigado a qualquer ajuda :D

1 Resposta 1

-1

Declare em style. Exemplo:

<div style="background-image:url('{{ produto.nom_pathimagem }}')"></div>

;)

7
  • não funcinou. Em meu caminho no banco de dados para receber as imagens está: assets/imgs/id-1.png . Então no html estou usando <img src="{{produto.nom_pathimagem}}" class="bgimage" >. Tentei sua solução mas não apareceu nada. Sabe o que pode ser?
    – Felipe XST
    28/08/2018 às 18:09
  • verificou no console?
    – Douglas
    28/08/2018 às 18:25
  • recebo isso: WARNING: sanitizing unsafe style value background-image:url('assets/imgs/id-1.png') (see g.co/ng/security#xss).
    – Felipe XST
    28/08/2018 às 18:28
  • É possível através de scss eu definir o background-image dinamicamente?
    – Felipe XST
    28/08/2018 às 18:36
  • No angular 6.1 rodando em localhost aqui funcionou. tente usar ng-style em vez de style.
    – Douglas
    28/08/2018 às 18:47

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .