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

时间:2019-10-21 15:58:37

标签: html angular typescript

我将这样的背景图片添加到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;
}

1 个答案:

答案 0 :(得分:1)

尝试这样:

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