当配置文件图像在Angular 4中为null时,默认图像未显示

时间:2018-08-11 06:10:00

标签: angular

我正在使用Angular4。如果个人资料图像为null,我想显示一个默认的个人资料图像。

在我的情况下,个人资料图像可以正确显示,但是如果用户尚未上传,则不会显示默认图像。

我的代码是:

field: 'image',
title: '',                       
width: 50,

template: function (row, index, datatable) {
    if (image != "") {
        return '\<img src="' + row.image+ '" />';
    }
    else {
        return '\<img src="/src/assets/images/image.png"/>';
    }
}

2 个答案:

答案 0 :(得分:2)

只需在这种情况下尝试image

template: function (row, index, datatable) {
     return image ? '\<img src="' + row.image+ '" />' :
                    '\<img src="/src/assets/images/image.png"/>';
},

答案 1 :(得分:0)

您正在检查图像是否不等于“”,只是检查是否为空,

if (image != "") {
      return '\<img src="' + row.image+ '" />';
}
else if (!image || image == ""){
    return '\<img src="/src/assets/images/image.png"/>';
}