在 Angular2 中使用 ngStyle 添加背景图片
尝试使用 ngStyle 添加背景图片时,您可能会遇到以下错误:
Can't bind to 'background-image' since it isn't a known property of 'div'.
要解决此问题,请按照以下步骤操作:
确保正确的语法:
在您的代码中,您错过了背景图像 URL 两边的单引号 (')。正确的语法是:
<div [ngStyle]="{'background-image': 'url(' + photo + ')'}""></div>
使用 'url()' 函数:
应该使用 'url()' 函数指定背景图像的 URL,如上面更正的语法所示。
验证 URL:
确保 URL您的背景图像是正确且可访问的。如果无法访问图像,则背景图像将不会显示。
按照以下步骤,您应该能够在 Angular2 中使用 ngStyle 成功添加背景图像。
以上是如何修复 Angular2 中的'无法绑定到背景图像”错误?的详细内容。更多信息请关注PHP中文网其他相关文章!