Angular2中如何使用ngStyle动态设置背景图片？

在 Angular2 中使用 ngStyle 设置背景图像

在 Angular2 中，ngStyle 指令允许您动态地将 CSS 样式添加到基于元素的元素中。关于 JavaScript 表达式。要使用 ngStyle 设置背景图像，您可以使用以下语法：

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

在您的代码中，您似乎错过了 URL 两边的单引号：

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

To修复此问题，只需添加缺少的引号：

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

通过此更改，ngStyle 指令将正确应用提供的 URL 作为背景图像div 元素。

以上是Angular2中如何使用ngStyle动态设置背景图片？的详细内容。更多信息请关注PHP中文网其他相关文章！