AngularJS에서 잘못된 URL로 인해 발생하는 배경 이미지 오류를 방지하는 방법은 무엇입니까?

AngularJS에서 잘못된 URL로 인한 배경 이미지 오류

AngularJS에서 ng-src 태그는 Angular가 평가하기 전에 동적 변수가 있는 URL이 오류를 일으키지 않도록 보장합니다. 하지만 background-image:url(...)을 사용하여 배경 이미지를 설정할 때 비슷한 오류가 자주 발생합니다.

이런 문제는 Angular가 CSS 스타일의 변수를 평가하지 않기 때문에 발생합니다. 따라서 배경 이미지에 동적 URL을 사용할 때 특히 이 구성에 여러 DIV가 있는 경우 많은 오류가 발생할 수 있습니다.

해결책: Angular 스타일 바인딩

이 문제를 해결하려면 , Angular의 스타일 바인딩 기능을 사용할 수 있습니다.

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

Angular 스타일 바인딩에서 동적 URL을 중괄호로 묶어서 Angular는 변수가 평가된 후 URL이 업데이트되도록 보장하여 오류를 해결하고 방지합니다. 손상된 이미지 요청.

위 내용은 AngularJS에서 잘못된 URL로 인해 발생하는 배경 이미지 오류를 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!