Heim > Artikel > Web-Frontend > Wie behebe ich den Fehler „Kann nicht an „Hintergrundbild“ binden“ in Angular2?
Hinzufügen von Hintergrundbildern mit ngStyle in Angular2
Beim Versuch, ein Hintergrundbild mit ngStyle hinzuzufügen, kann die folgende Fehlermeldung auftreten:
Can't bind to 'background-image' since it isn't a known property of 'div'.
Um dieses Problem zu beheben, führen Sie die folgenden Schritte aus:
Stellen Sie sicher, dass die Syntax korrekt ist:
In Ihrem Code haben Sie etwas verpasst die einfachen Anführungszeichen (') um die URL für das Hintergrundbild. Die korrekte Syntax lautet:
<div [ngStyle]="{'background-image': 'url(' + photo + ')'}""></div>
Funktion „url()“ verwenden:
Die Funktion „url()“ sollte verwendet werden um die URL des Hintergrundbilds anzugeben, wie in der korrigierten Syntax oben zu sehen.
URL validieren:
Stellen Sie sicher, dass die URL für Ihr Hintergrundbild ist korrekt und zugänglich. Wenn auf das Bild nicht zugegriffen werden kann, wird das Hintergrundbild nicht angezeigt.
Wenn Sie diese Schritte befolgen, sollten Sie in der Lage sein, Hintergrundbilder mit ngStyle in Angular2 erfolgreich hinzuzufügen.
Das obige ist der detaillierte Inhalt vonWie behebe ich den Fehler „Kann nicht an „Hintergrundbild“ binden“ in Angular2?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!