Question

我想使用ngStyle动态设置背景图像。但是它没有加载任何东西。这是我的HTML

<div
  id="banner-cover"
  class="bg-parallax animated fadeIn"
  [ngStyle]="{
    'background-image': backgroundImage
  }"
>
...
</div>

这是在ts中定义的我的backgroundImage（）方法。在这里，我使用了推荐使用here的Domsanitizer。

export class BannerComponent implements OnInit {
  public _backgroundImage = "'url('../../../../assets/images/bg-banner.jpg')'";
  constructor(private sanitizer:DomSanitizer) { }

  ngOnInit() {
  }
  get backgroundImage() {
    return this.sanitizer.bypassSecurityTrustStyle( this._backgroundImage );
  }
}

Answer 1

您需要调用getBackgroundImage（）方法：

[ngStyle]="{ 'background-image': getBackgroundImage() }"

使用ngStyle的Angular6无法使用background-image

1 个答案: