虽然变量已填充，但Angular Image src未更新

Question

我有以下代码：

app.component.html：

<button (click)="updateImage('image1.png')"></button>

<img src="{{selectedImage}}" alt="" />

app.component.ts：

selectedImage;

updateImage(image) {
    this.selectedImage = image;
}

我的问题是......如果图片网址已经通过，为什么图片src不会更新？

Answer 1

使用[src]代替src

<img [src]="selectedImage" alt="" />

Answer 2

另外，请确保您的路径正确无误。代码看起来不错，但应用可能找不到您的图像。如果是这种情况，您的浏览器控制台中将出现错误404。

尝试将图片放入assets文件夹并将其与updateImage('/assets/image1.png')

相关联