javascriptangularmicrosoft-edgees5-shim

Assignment to read-only properties is not allowed in strict mode in [background: url({{XXX}}) no-repeat center center

I am getting this error in Edge but in chrome everything is fine Unable to understand what is wrong here...

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

Error in 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
Solution

  • Use instead

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