javascript - [background: url({{XXX}}) no-repeat center center 严格模式下不允许赋值给只读属性

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;">