Question

我的问题是关于野生动物园浏览器中的图片标签。
我在angular 2中有用于在页面上显示图像的代码

<div class="col-md-4 col-xs-12 col-sm-4 col-lg-4" *ngFor="let i of incident.images" >
    <div class="image-tab">
        <img [src]="i && i.url != 'null' ? i.url : ''"  alt="img" >
    </div>
</div>

它与其他浏览器兼容，但不适用于Safari。在Safari浏览器中，它只显示字符串alt属性的 img 。

关键是要显示其他图像。

<label><img *ngIf="incident.status" [src]="'assets/img/status/' + incident.status + '.png'" alt="" style="height: 20px;">&ensp; {{incident.status || 'N/a'}} </label>

例如上面的代码在同一文件中就可以正常工作。

现在我想可能是 * ngFor 内部的问题，但不确定。

希望有人可以帮我解决这个棘手的问题！谢谢。

Answer 1

尝试将您的声明放在方括号(i && i.url != 'null') ? i.url : ''中。另外，如果您不希望将null用作硬编码字符串，则根据您的值，省去引号。

Answer 2

Slobodan，谢谢您的回答。经过几天的研究，我发现了问题。实际上，这不是Angular上的问题，而只是https / http问题。网站在https：//上运行时，保存在后端的图像URL为http：//。奇怪的是，其他浏览器（谷歌浏览器和Firefox）可以从https提取HTTP图像，但Safari浏览器很严格。

希望这对以后有帮助！

这些括号也极大地帮助了我。 :) 再次感谢你。

Angular 2-Safari上未显示图片

2 个答案: