文章内容
2023/11/20 17:46:00,作 者: 黄兵
在 Angular 中 ngStyle 如何设置 background-image
最近在编写管理后台的时候，使用 Angular 加载图片，具体代码如下：
<span class="symbol-label" style="background-image:url({{element.img_url}});"></span>
但是编译器会出现错误提示。
我们可以使用 Angular 中的 ngStyle，下面是修改后的写法：
<span class="symbol-label" [ngStyle]="{'background-image': 'url(' + element.img_url + ')'}"></span>
这样问题就可以解决了。
参考资料：
1、How to add background-image using ngStyle (angular2)?
其它相关推荐：
2、Cannot find module '@angular-devkit/core'
评论列表