Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie behebe ich den Fehler „Kann nicht an „Hintergrundbild' binden' in Angular2?

Barbara Streisand
Freigeben: 2024-10-30 18:41:31
Original
777 Leute haben es durchsucht

How to Fix

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'.
Nach dem Login kopieren

Um dieses Problem zu beheben, führen Sie die folgenden Schritte aus:

  1. 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>
    Nach dem Login kopieren
  2. Funktion „url()“ verwenden:

    Die Funktion „url()“ sollte verwendet werden um die URL des Hintergrundbilds anzugeben, wie in der korrigierten Syntax oben zu sehen.

  3. 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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!