圖像src標簽中angular2中的動態綁定

Question

我的html中有以下代碼行，但無法正常工作

src="assets/images/{{"id"}}.png"

我的ts組件在哪里id 。 我能否有更好的方法或工作路線來獲得價值。

Answer 1

您是否嘗試通過綁定

<img [src]="'assets/images/'+id+'.png'" />

Answer 2

您不需要在插值中使用“”，請嘗試

您可以像這樣：

[src]='"assets/images/"+id+".png"'

要么

src='assets/images/{{id}}.png'