在屬性中使用函數表達式

我有一個Angular 4組件，我希望使用函數的返回值作爲選擇器屬性中帶引號的字符串;例如：在屬性中使用函數表達式

<img class="" src="{{ myfunction(1) }}" style="width: 50px;">

它生成在瀏覽器中一個404錯誤與此無效鏈接： http://localhost:4200/assets/images/configuration/interfaces/icon-function%20toLowerCase()%20%7B%20[native%20code]%20%7D.png

第一部分看起來正確的，但最後沒有意義。下面的代碼：

public static myfunction(itype: EInterfaceTypes) { 
     let retval: string = ""; 
     retval = "/assets/images/configuration/interfaces/icon-" + 
      myService.e2string(itype, true).toLowerCase + ".png"; 
     return retval; 
    }

我似乎無法找到可以正常工作的語法。有人可以解釋什麼是錯的？

作爲一個相關的問題，myfunction應該在雙引號中包含返回的字符串 - 或者只是返回字符串（在本例中爲文件路徑）。

來源

2017-08-28 TSG

它應該工作，任何錯誤？ – Rajez

你可以發佈myfunction（1）或其代碼的結果嗎？控制檯中是否有錯誤？ –

我在 – TSG

HI，你可以像這樣

模板

<img class="" [src]="myfunction(1)">

在及部件

private userImage:string="" //default image path 

myfunction(input){ 
    return this.userImage ? this.userImage : "app/portal/market-place/marketplace-banner.jpg" 
}

這是爲我工作，你可以使用

來源

2017-08-28 18:39:17 Robert

在屬性中使用函數表達式

回答

相關問題