Imagem em um div ou no css - resolvido

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 ?

angular? vue?

1 curtida

Fiz assim

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

Mas n√£o funcionou

Angular

Deveria aparacer e ajustar o formul√°rio de login

Tipo esta imagem

cara, ve se isso aqui te ajuda:

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

Funcionou assim

1 curtida