如何根据文件类型显示图标，避免使用ngIf条件数？

Question

是否可以在公共模块上检查ngIf？ 我的问题是我们有很多文件类型，因此我想避免* ngIf条件每个文件类型

，

Answer 1

您可以在组件类内部构建地图，它看起来像：

this.filesByFiletype = {
  png: 'image.png',
  pdf: 'pdf.png' 
}

然后在模板中像这样使用它：

<img [src]="filesByFiletype[filetype]" />