如何在 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中文网其他相关文章！