Javascript 如何强制重新创建<；img/>；src何时改变？

我有一个像这样的角度分量：

从'@angular/core'导入{Component，Input}；
@组成部分({
选择器：“图片”，
templateUrl:“./picture.html”，
})
出口级图片{
@Input（）pictureUrl:string；
}

问题是当

pictureUrl

输入属性更改时，Angular只是更改

属性的
src
属性？或者，所描述的问题是如何以角度解决的

为了澄清这个问题：如果我使用React，我会通过将
键={pictureUrl}
属性添加到
来解决它。您可以将
加载事件绑定到图像，如下所示：

<img (load)="HideLoader()" />

如果使用
ng src=“{{pictureUrl}}”
？@gugateider会发生错误：
无法绑定到'ng src'，因为它不是'img'的已知属性。
在ngochanges（）中处理此行为事件。如何知道图像何时开始加载以及何时显示加载图标？@Finesse在输入属性上使用setter您是指此解决方案吗？
@Input() set thePictureURL(url: string) {
    //show loader
    this.pictureUrl = url;
}