Bagaimana untuk Mencegah Ralat Imej Latar Belakang Disebabkan oleh URL Tidak Sah dalam AngularJS?

Ralat Imej Latar Belakang dengan URL Tidak Sah dalam AngularJS

Dalam AngularJS, teg ng-src memastikan URL dengan pembolehubah dinamik tidak menyebabkan ralat sebelum Angular menilainya. Walau bagaimanapun, ralat serupa sering berlaku apabila menetapkan imej latar belakang menggunakan background-image:url(...).

Ini berlaku kerana Angular tidak menilai pembolehubah dalam gaya CSS. Oleh itu, apabila menggunakan URL dinamik untuk imej latar belakang, anda mungkin menghadapi sejumlah besar ralat, terutamanya jika anda mempunyai berbilang DIV dengan konfigurasi ini.

Penyelesaian: Pengikatan Gaya Sudut

Untuk menyelesaikan isu ini , anda boleh menggunakan ciri pengikatan gaya Angular:

<li ng-style="{'background-image':'url(/static/'+imgURL+')'}">...</li>

Dengan membungkus URL dinamik dalam kurungan kerinting dalam pengikatan gaya Angular, Angular memastikan URL dikemas kini selepas pembolehubah dinilai, menyelesaikan ralat dan menghalang permintaan imej rosak.

Atas ialah kandungan terperinci Bagaimana untuk Mencegah Ralat Imej Latar Belakang Disebabkan oleh URL Tidak Sah dalam AngularJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!