Imagem em um div ou no css - resolvido

Front-end
#1

Tem uma imagem que vem do backend, como base64. Estou querendo inclui ela em um div, nesta maneira:

<div
  id="login"
  class="inner-scroll"
  fxLayout="row"
  fxLayoutAlign="start"
  style="background: url({imagem}) no-repeat"
>
</div>

No console mostra assim: http://localhost:4400/{imagem} 404 (Not Found)

ou no css

#login {
    width: 100%;
    overflow: hidden;
    background: url("/assets/images/backgrounds/dark-material-bg.jpg") no-repeat;
    background-size: cover;

Como fazer ?

#2

angular? vue?

1 curtida
#3

Fiz assim

<div
  id="login"
  class="inner-scroll"
  fxLayout="row"
  fxLayoutAlign="start"
  [ngStyle]="{'background-image': 'url(' + imagem + ') no-repeat'}"
></div>

Mas não funcionou

#4

Angular

#5

Deveria aparacer e ajustar o formulário de login

image
image1843×931 34.3 KB

Tipo esta imagem

image
image1918×928 103 KB

#6

cara, ve se isso aqui te ajuda:

#7

Aqui deveria estar com duas {, não?

style="background: url({{imagem}}) no-repeat"

ou:

[ngStyle]="{ 'background': 'url(' + imagem + ') no-repeat' }"

Vê ai se funfa.

1 curtida
#8

Funcionou assim

1 curtida