Angular 如果URL字符串以**.pdf**结尾，如何显示不同的图像？

我在处理角度应用程序时遇到以下问题。在我的HTML代码中，我有如下内容：

<ng-template pTemplate="body" let-file>
    <tr>
      <td>
        <img class="img-thumbnail" src={{file.info.file_url}}/>
      </td>
      ............................................................
      ............................................................
      ............................................................

............................................................
............................................................
............................................................

如你所见，我正在使用img标记来显示来自URL的图像。问题是，有时此URL不是图像，但可能是PDF文件。在这种情况下，图像没有显示，我得到如下结果：

<ng-template pTemplate="body" let-file>
    <tr>
      <td>
        <img class="img-thumbnail" src={{file.info.file_url}}/>
      </td>
      ............................................................
      ............................................................
      ............................................................

所以我想说的是：

我已经将一个PDF图标图像放入我的项目的/src/assets/img/PDF.png文件夹中。 我想检查（如果可能的话，在前面的html代码中使用类似于*ngIf指令的内容）属性值是否以.pdf结尾，在这种情况下，使用这个/src/assets/img/pdf.png代替file.info.file\u url属性的值

---

我怎样才能完成这项任务？

你可以做如下事情

function isPdf(file) {
  const extension = file.substr((file.lastIndexOf('.') +1));
  return /(pdf)$/ig.test(extension)
}

---

您可以执行以下操作

function isPdf(file) {
  const extension = file.substr((file.lastIndexOf('.') +1));
  return /(pdf)$/ig.test(extension)
}