Angular Image src не обновляется, хотя переменная заполнена

У меня такой код:

app.component.html:

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

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

app.component.ts:

selectedImage;

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

У меня вопрос ... Если URL-адрес изображения был передан, почему не обновляется src изображения?


typescript javascript angular angular5
person Community    schedule 10.01.2018    source источник
comment
попробуйте связать его с [src] = selectedImage и посмотрите, работает ли он   -  person Ayaz Hussein    schedule 10.01.2018
comment
здесь может быть проблема с путем, какие-либо ошибки в консоли?   -  person sTx    schedule 10.01.2018
comment
Проверьте, что stackoverflow.com/questions / 45040843 /   -  person Sandun Tharaka    schedule 10.01.2018

Ответы (2)


arrow_upward
2
arrow_downward

используйте [src] вместо src

<img [src]="selectedImage" alt="" />
person Ashraful Islam    schedule 10.01.2018

arrow_upward
0
arrow_downward

Также убедитесь, что ваш путь правильный. Код выглядит неплохо, но приложение может не найти ваше изображение. Если бы это было так, в консоли вашего браузера была бы ошибка 404.

Попробуйте поместить изображение в вашу assets папку и связать его с updateImage('/assets/image1.png')

person Stan    schedule 10.01.2018