html - 检查 ngStyle 内部函数是否有返回值

Question

我像这样向我的 div 添加背景图像:

[ngStyle]="{'background-image': 'url(' + getPreviewImage(i, x) + ')'}">

如何为这个对象添加条件？ 我想检查 getPreviewImage(i,x) 是否返回一个 url，如果没有则没有图像。

getPreviewImage(slide, color) {
  return this.previewImages.find(file => file.slide === slide && file.color === color).url;
}

Answer 1

像这样尝试:

[style.background-image]="getPreviewImage(i, x) ? 'url(' + getPreviewImage(i, x) + ')': false">