Angular 单击链接后更改图像

我想有一个可能性，向前和向后通过图像，就像在一本相册。我想要一个后退和前进按钮来实现这一点

.ts

changeAlbumImageForward（）{
（document.getElementById（'AlbumImage'）作为HTMLImageElement.src='assets/AlbumImage1.png'；
}

我如何在Angular中认识到这一点，有好的教程吗

---

我的代码错误，无法工作，因此感谢您的帮助。

如何绑定图像的src？比如：

<img [src]="imageSource" >

<img src="forwardImage" (click)="changeAlbumImageForward()">

---

所有

img

元素都具有相同的id，这在HTML中无效。您应该考虑使用图像源数组，并将其作为绑定图像的SRC属性到属性的基础。

imageSource: string = 'some/image/path';

changeAlbumchangeAlbumImageForward() {
   this.imageSource = 'some/new/image/path';
}