如何在 Angular 2 中正確應用帶有 ngStyle 的背景圖像？

在Angular 2 中使用ngStyle 應用背景圖像

嘗試在Angular 2 中使用ngStyle 添加背景時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，您可能會遇到圖像時，當您可能會遇到圖像問題您的程式碼無法運行的地方。此問題通常是由於 ngStyle 表達式中的語法不正確而引起的。

要使用 ngStyle 成功新增背景圖片，您應該如下建立表達式：

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

在您的初始程式碼片段中，您省略了 URL 的單引號。此更正可確保 Angular 2 正確解釋 URL 並將其指定為元素的背景圖像。

遵循此語法，您可以在 Angular 2 應用程式中使用 ngStyle 有效地將背景圖像應用到元素。

以上是如何在 Angular 2 中正確應用帶有 ngStyle 的背景圖像？的詳細內容。更多資訊請關注PHP中文網其他相關文章！