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

在[background：url（{{XXX}}）无重复中心中，严格模式下不允许分配给只读属性

2 个答案: