如何在Angular 8中设置资源文件夹中的背景图像？

我正试图从资产文件夹中设置我的angular网站的背景图像。这是我的密码：

app.component.html

<div [style.background]="/assets/burn_calories.jpg"></div>
  <ul>
    <li><a href="default.asp">HOME</a></li>
    <li><a href="news.asp">PLAN</a></li>
    <li><a href="contact.asp">HISTORY</a></li>
    <li style="float:right"><a href="about.asp">LOGIN</a></li>
  </ul>

我假设背景图像必须设置在应用程序组件级别。我得到这个错误：

未捕获错误：模板分析错误：分析程序错误：意外标记 /在[/assets/burn_carries.jpg]中的第1列 ng:///AppModule/AppComponent。html@0：25（“]/assets/burn_carries.jpg”>

---

如果要使用括号表示法设置文字值，则需要使用字符串表示法设置文字值，就像编写javascript一样

<div [style.background]="'url(/assets/burn_calories.jpg)'"></div>

如果不使用字符串表示法，则告诉Angular它应该调用一个名为url的函数，并传入参数/assets/burn_carries.jpg，该参数不会编译

---

演示：

它仍然不起作用。我不了解背景。抱歉，我犯了一个错误。在这种情况下，您确实需要使用括号表示法。在子组件或指令上设置输入值时不需要使用括号表示法，但在设置

样式时显然需要使用括号表示法。

属性。我已更新了答案。

<div [style.background]="'url(/assets/burn_calories.jpg)'"></div>