2

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
Arun Tyagi
  • 2,206
  • 5
  • 24
  • 37

2 Answers2

3

Use instead

<div class="container-fluid project_img" [style.background]="'url(' + _project.images.web + ') no-repeat center center;'">
  </div>
Thierry Templier
  • 198,364
  • 44
  • 396
  • 360
Günter Zöchbauer
  • 623,577
  • 216
  • 2,003
  • 1,567
1

This is how it worked for me

<div class="container-fluid project_img" attr.style.background="url({{_project.images.web}}) no-repeat center center;">
Arun Tyagi
  • 2,206
  • 5
  • 24
  • 37