在[background:url(｛｛XXX｝｝)无重复中心的严格模式下，不允许分配只读属性

Question

我在Edge中遇到了这个错误，但在chrome中一切都很好无法理解这里出了什么问题。。。

<div class="container-fluid project_img" style="background: url({{_project.images.web}}) no-repeat center center;">
      </div> 

Microsoft Edge:中的错误

Assignment to read-only properties is not allowed in strict mode in [background: url({{_project.images.web}}) no-repeat center center; in ProjectDetailComponent

Answer 1

使用

<div class="container-fluid project_img" [style.background]="'url(' + _project.images.web + ') no-repeat center center;'">
  </div> 

Answer 2

这就是的工作原理

<div class="container-fluid project_img" attr.style.background="url({{_project.images.web}}) no-repeat center center;">