在Angular 4中当配置文件图像为空时，默认图像不显示

在Angular 4中，当配置文件图像为空时，默认图像不显示的解决方法如下：

1. 首先，在组件的HTML模板中，使用Angular的条件语句（*ngIf）来判断配置文件图像是否为空。如果为空，则显示默认图像，否则显示配置文件图像。示例代码如下：

<img *ngIf="!configImage" src="default-image.jpg" alt="Default Image">
<img *ngIf="configImage" [src]="configImage" alt="Config Image">

上述代码中，configImage是组件中的一个变量，用于存储配置文件图像的URL。

1. 在组件的Typescript文件中，需要在适当的时候将配置文件图像的URL赋值给configImage变量。如果配置文件图像为空，则将configImage设置为null或空字符串。示例代码如下：

export class MyComponent {
  configImage: string;

  constructor() {
    // 获取配置文件图像的URL，如果为空，则将configImage设置为null或空字符串
    this.configImage = getConfigImage(); // 替换为获取配置文件图像URL的方法
  }
}

上述代码中，getConfigImage()是一个用于获取配置文件图像URL的方法，你需要根据实际情况进行替换。

1. 如果需要使用腾讯云相关产品来存储和获取图像，可以考虑使用腾讯云对象存储（COS）服务。腾讯云对象存储（COS）是一种安全、高可用、低成本的云端存储服务，适用于存储大量非结构化数据，如图像、音视频文件等。你可以使用腾讯云 COS SDK for JavaScript 来上传和下载图像文件。具体使用方法和示例代码可以参考腾讯云 COS 官方文档：腾讯云 COS SDK for JavaScript。

请注意，以上答案仅供参考，具体实现方式可能因实际情况而异。