找不到其他支持对象NgStyle backgroundImage

Question

我正在尝试使用Angular在div内显示图像

我有：

<div 
  ngStyle="{'backgroundImage': 'url({{getImage()}})'}"
>
  <div class="text-wrapper">
    text
  </div>
</div>

以及我正在浏览的图片的地址：

  ngOnInit() {
    this.fullImagePath = 'assets/hackaton_home.png';
  }

  getImage() {
    return this.fullImagePath;
  }

图像位于文件夹资产中。

我得到的错误是：

有帮助吗？

Answer 1

<div [ngStyle]="{ 'background-image': 'url(' + fullImagePath+ ')'}"></div>

Answer 2

 [ngStyle]="{'backgroundImage': 'url({{getImage()}})'}"

Answer 3

为什么不只添加路径变量

<div 
  [ngStyle]="{'background-image': 'url(' + fullImagePath + ')'}"
>

如果您绝对要调用函数，请使用类似的语法

<div 
  [ngStyle]="{'background-image': 'url(' + getImage() + ')'}"
>

Answer 4

您应将返回的url传递给变量，如下进行更改，

 [ngStyle]="{'background-image':'url('+ getImage()')'}"