html - Kall en funksjon i <img> for å definere banen til src

Jeg prøver å gjøre noe sånt som dette :

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

Funksjonen er :

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';
    }
  }

Men alt jeg får er ingen bilde som om det ikke finnes. Men ingen feil eller advarsel.

Noen idé?

Svar #1

Bruk [src]:

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

Og du trenger heller ikke å getIcon({{item.status}}) men uten {{}}.

Relaterte artikler