当我知道 <img> id 时如何更改 <img> 的 src？

Question

我在 *ngFor 循环中显示图像数组。

itemimg.component.html

<div *ngFor="let itemimg of itemimgs" [class.selected]="itemimg === selectedItemimg" 
            (click)="onSelect(itemimg)"> 
    <img id="{{itemimg.index}}" class="thumb" src="{{itemimg.imageUrl}}" width="{{itemimg.width}}" height="{{itemimg.height}}" 
        style="float: left; margin-right: 3px; margin-bottom: 3px">
</div>

当我点击任何一张图片时，我想替换第一张图片。

itemimg.components.ts（部分）

  onSelect(itemimg: Itemimg): void{ 
    this.selectedItemimg = itemimg;
    var newsrc = "../../assets/images/" + itemimg.route + ".jpg";
    //alert (newsrc);
    *what-goes-here* = newsrc;    // the problem
  }

我已经用谷歌搜索了三个多小时，但找不到答案。感谢您的观看。

Answer 1

您想替换数组 itemimgs 中第一张图片的 imageUrl。

所以你只需要

this.itemimgs[0].imageUrl = newsrc;

Answer 2

考虑到您总是想替换数组中的第一张图片，请执行以下操作：

onSelect(itemimg: Itemimg): void{ 
this.selectedItemimg = itemimg;
var newsrc = "../../assets/images/" + itemimg.route + ".jpg";
//alert (newsrc);
this.itemimgs[0].imageUrl = newsrc;

}

当我知道 <img> id 时如何更改 <img> 的 src？

how to change the src of an< img> when I know the <img> id?

typescript

angular2-components