Задать вопрос
@olya_097

Как исправить дублирование название файлов?

загружаю картинку "test.jpg"
В размете появится div
<div><img src="test.jpg"></div>

Если потом загрузить test2.jpg
то будет

<div><img src="test2.jpg"></div>
<div><img src="test2.jpg"></div>

Первая картинка потерялась + появилось дублирование. Как это исправить?

https://stackblitz.com/edit/angular-hello-world-bv...
  • Вопрос задан
  • 59 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Javascript.ru
    Курс по Angular
    6 недель
    Далее
  • Skillfactory
    Профессия Frontend-разработчик PRO
    14 месяцев
    Далее
  • Компьютерная академия «TOP»
    Frontend разработка
    12 месяцев
    Далее
Решения вопроса 1
YuriyVorobyov1333
@YuriyVorobyov1333
Software Developer
У вас есть переменная fileName, которая изменяется при загрузке изображения
Каждый раз загружая изображения вы сталкиваетесь с тем, что переписываете значение конкретно этой переменной

Сейчас у вас идет жесткая привязка к fileName:
<div *ngFor="let file of files">
  <img [src]="fileName" />
</div>

Измените верстку и сделайте привязку на имя конкретного обрабатываемого файла:
<div *ngFor="let file of files">
  <img [src]="file.name" />
</div>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы