Bagaimana untuk Membetulkan Ralat \'Tidak boleh mengikat \'background-image\'\' dalam Angular2?

Barbara Streisand
Lepaskan: 2024-10-30 18:41:31
asal
777 orang telah melayarinya

How to Fix

Menambah Imej Latar Belakang Menggunakan ngStyle dalam Angular2

Apabila cuba menambah imej latar belakang menggunakan ngStyle, anda mungkin menghadapi ralat berikut:

Can't bind to 'background-image' since it isn't a known property of 'div'.
Salin selepas log masuk

Untuk menyelesaikan isu ini, ikuti langkah berikut:

  1. Pastikan Sintaks yang Betul:

    Dalam kod anda, anda terlepas petikan tunggal (') di sekeliling URL untuk imej latar belakang. Sintaks yang betul ialah:

    <div [ngStyle]="{'background-image': 'url(' + photo + ')'}""></div>
    Salin selepas log masuk
  2. Gunakan 'url()' Fungsi:

    Fungsi 'url()' harus digunakan untuk menentukan URL imej latar belakang, seperti yang dilihat dalam sintaks yang diperbetulkan di atas.

  3. Sahkan URL:

    Pastikan URL untuk imej latar belakang anda betul dan boleh diakses. Jika imej tidak boleh diakses, imej latar belakang tidak akan dipaparkan.

Dengan mengikuti langkah-langkah ini, anda sepatutnya berjaya menambah imej latar belakang menggunakan ngStyle dalam Angular2.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Ralat \'Tidak boleh mengikat \'background-image\'\' dalam Angular2?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!