如何在angular 8中使用*ngFor根据API响应显示不同的不同图标？

在Angular 8中，可以使用ngFor指令根据API响应来显示不同的图标。ngFor指令用于循环遍历一个集合，并根据集合中的每个元素来生成相应的HTML代码。

首先，确保已经导入了HttpClient模块，以便能够进行API请求。在组件中，通过注入HttpClient来发送API请求并获取响应数据。

在组件的HTML模板中，可以使用*ngFor指令来遍历API响应的数据，并根据每个元素的特定属性来显示不同的图标。假设API响应的数据是一个包含图标信息的数组，每个元素都有一个icon属性表示图标的名称。

以下是一个示例代码：

<!-- 组件的 HTML 模板 -->
<div *ngFor="let item of apiResponse">
  <i [class]="'icon-' + item.icon"></i>
</div>

在上面的示例中，*ngFor指令用于遍历apiResponse数组，并将每个元素赋值给item变量。然后，使用[item.icon]来动态设置图标元素的class属性，通过拼接字符串的方式将'icon-'和item.icon的值组合起来，以便根据不同的图标名称显示不同的图标。

请注意，上述示例中的图标类名是假设的，实际应根据具体的图标库或设计规范来确定。

推荐的腾讯云相关产品：如果需要在Angular应用中使用图标，可以考虑使用腾讯云的Iconfont图标库。腾讯云Iconfont提供了丰富的图标资源，可以根据自己的需求选择合适的图标来使用。

腾讯云Iconfont产品介绍链接地址：https://cloud.tencent.com/product/iconfont

请注意，以上答案仅供参考，具体的实现方式可能会根据实际需求和项目配置而有所不同。