html – 调用函数来定义src的路径

概述我正在尝试这样的事情： <img id="icon" class="cercle icon" src="getIcon({{item.status}})" alt=""> 功能是： getIcon(status){ switch (status) { case 'Ongoing': return '../../../../assets/img/icon/PinP 我正在尝试这样的事情：

<img ID="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';    }  }

但我得到的只是没有找到的图像.但没有错误也没有警告.

任何的想法 ？

解决方法 使用[src]：

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

而且你也不需要getIcon({{item.status}})但没有{{}}.

总结

以上是内存溢出为你收集整理的html – 调用函数来定义src的路径全部内容，希望文章能够帮你解决html – 调用函数来定义src的路径所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。