background-iamge


想拿一张文件服务器上的图片作为背景图,链接比如:https://www.xxx-xxx.com:/oss/xxxx-5bbc/nav(1).jpg

直接插入dom节点中

[style.backgroundImage]="backgroundImage"

但是在css里background-image:url(https://www.xxx-xxx.com:/oss/xxxx-5bbc/nav(1).jpg),却显示不出来

后来发现是链接中带有小括号导致的(在浏览器中很快就能发现)

解决方案:

this.backgroundImage =this.sanitizer.bypassSecurityTrustStyle(`url('${this.layoutCtx.gridSettings.backgroundImageUrl}')`)

在链接中加上单引号就解决啦!


文章作者: 周俊伟
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 周俊伟 !
评论
  目录