ngFor [Angular] [Ionic] [Android]中的img标签损坏

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

我怀疑trackBy：索引。您可以删除它并查看结果吗？

Answer 2

我认为CSS可能会引起问题。

尝试通过更改/提供图像的尺寸（例如高度，宽度和填充）来修改div标签中使用的类，即emoji。

Answer 3

似乎图像不存在？

您可以尝试这个吗？

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