Сломанный тег img в ngFor [Angular] [Ionic] [Android]

Question

У меня есть модал с тегами ngFor и img.После нескольких циклов теги img показывают испорченные изображения.Проблема не в URL, потому что, если я инвертирую массив URL, проблема всегда в последних смайликах.

Это мой код:

<div class="emoji" *ngFor="let emoji of emojis; trackBy: index;" (click)="add_msg(emoji)">
    <img src="{{ emoji }}">
</div>

В чем проблема?

Answer 1

Я думаю, что CSS может вызвать проблему.

Попробуйте изменить класс, используемый в теге div, то есть emoji, изменив / предоставив размеры изображения, такие как высота, ширина и отступы.

Answer 2

Кажется, изображения не существуют?

Вы можете попробовать это?

<div class="emoji" *ngFor="let emoji of emojis; trackBy: index;" (click)="add_msg(emoji)">
    <img [src]="emoji">
</div>

Answer 3

Я подозреваю, что trackBy: index.Вы можете удалить его и увидеть результат?