html - 在 <img> 中调用一个函数来定义 src 的路径

Question

我正在尝试做类似的事情:

<img id="icon" class="cercle icon" src="getIcon({{item.status}})" alt="">

函数是:

getIcon(status){
    switch (status) {
      case 'Ongoing':
        return '../../../../assets/img/icon/PinPlot.png';
      case 'Signaled':
        return '../../../../assets/img/icon/PinWarning.png';
      case 'Finished':

      default:
        return '../../../../assets/img/icon/Pin red.png';
    }
  }

但我得到的只是没有图像，就像找不到图像一样。但没有错误也没有警告。

有什么想法吗？

Answer 1

使用[src]:

<img id="icon" class="cercle icon" [src]="getIcon(item.status)" alt="">

而且你不需要 getIcon({{item.status}}) 但不需要 {{}}。