>웹 프론트엔드 >CSS 튜토리얼 >Angular에서 ngStyle을 사용할 때 배경 이미지가 표시되지 않는 이유는 무엇입니까?

Angular에서 ngStyle을 사용할 때 배경 이미지가 표시되지 않는 이유는 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-11-01 03:52:28762검색

Why Is My Background Image Not Showing When Using ngStyle in Angular?

Angular에서 ngStyle을 사용하여 배경 이미지 구현

ngStyle을 활용하여 배경 이미지를 표시하려고 하면 사용자가 어려움을 겪을 수 있습니다. 일반적인 문제 중 하나는 다음 예에서 볼 수 있듯이 적절한 구문이 부족하다는 것입니다.

<code class="javascript">this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg';

<div [ngStyle]="{'background-image': url(' + photo + ')}"></div></code>

이 문제를 해결하려면 아래와 같이 작은따옴표가 ngStyle 표현식 내에 포함되어 있는지 확인하세요.

<code class="javascript"><div [ngStyle]="{'background-image': 'url(' + photo + ')'}""></div></code>

작은따옴표를 생략하면 구문 오류가 발생하고 배경 이미지가 제대로 표시되지 않을 수 있습니다. 올바른 구문을 구현함으로써 사용자는 Angular 애플리케이션에서 ngStyle을 사용하여 배경 이미지를 성공적으로 추가할 수 있습니다.

위 내용은 Angular에서 ngStyle을 사용할 때 배경 이미지가 표시되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.