如何检查离子3模板中的文件扩展名

Question

如何在 ionic 3 模板中使用 IF 条件检查文件扩展名？

我尝试的返回错误：

<img *ngIf='plan.media = jpg' src="{{ plan.media }}" >

Answer 1

你可以这样做：

.html

<img *ngIf="isImage(plan.media)" [src]="plan.media">

.ts

isImage(icon) {
    const ext = ['.jpg', '.jpeg', '.bmp', '.gif', '.png', '.svg'];
    return ext.some(el => icon.endsWith(el));
}

这将检查这些文件扩展名，return如果匹配则为真。