Angular: Wie bindet man eine Async-Eigenschaft an ein Hintergrundbild

Question

• Ich versuche, ein Hintergrundbild auf einem div mit eckigen zu setzen.
  • Die 'image.imagrURL | async 'funktioniert gut, wenn es nur einem einfachen' img '-Tag zugewiesen wird.
  • Das Problem, das ich habe ist, wenn man versucht, es zu einem Inline-Hintergrundbild

Die Frage ist, zuzuordnen: arbeiten Wie modifiziere ich meine unten Snippet? :)

HTML

<div [ngStyle]="{'background-image': 'url(' + image.imageurl | async + ')'}">

Fehler

Parser Error: Missing expected }

Ich bin nicht ganz sicher, wo das gehen soll ist.

Vielen Dank.

Answer 1

Hinzufügen von Klammern wird geholfen, da Sie Anruf async Rohr versuchen auf 'url(' + image.imageurl

Versuch auf diese Weise:

<div [ngStyle]="{'background-image': 'url(' + (image.imageurl | async) + ')'}">