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
Adicione um comentário
|
1 Resposta
Declare em style. Exemplo:
<div style="background-image:url('{{ produto.nom_pathimagem }}')"></div>
;)
-
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? 28/08/2018 às 18:09 -
-
recebo isso: WARNING: sanitizing unsafe style value background-image:url('assets/imgs/id-1.png') (see g.co/ng/security#xss). 28/08/2018 às 18:28
-
É possível através de scss eu definir o background-image dinamicamente? 28/08/2018 às 18:36
-
No angular 6.1 rodando em localhost aqui funcionou. tente usar ng-style em vez de style.– Douglas28/08/2018 às 18:47