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

Question

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

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

модальный

Это мой код:

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

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

-1

android angular ionic-framework ionic2

Источник

user2797134 20 сен '18 в 10:59

3 ответа

Другие вопросы по тегам android angular ionic-framework ionic2

user4040099 20 сен '18 в 15:23 2018-09-20 15:23 · Answer 1 · 2018-09-20 15:23

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

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

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

user9635698 20 сен '18 в 12:34 2018-09-20 12:34 · Answer 2 · 2018-09-20 12:34

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

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

user7436731 20 сен '18 в 11:14 2018-09-20 11:14 · Answer 3 · 2018-09-20 11:14

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