angular - 找不到不同的支持对象 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;
  }

该图像位于文件夹 assets 中。

我得到的错误是：

有什么帮助吗？

标签： angular

Answer 1

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