Angular 2 - изображения, не показанные на сафари

Question

Мой вопрос касается тега изображения в браузере Safari.У меня есть код в угловых 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 он просто показывает строку img , которая является атрибутом alt.

Дело в том, что появляются другие изображения.

<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

Спасибо за ваш ответ, Слободан.После нескольких дней исследований я нашел проблему.На самом деле это не проблема Angular, а проблема https / http.URL-адрес изображения, сохраненный в бэкэнде, был http: // во время работы сайта по https: // Странно, что другие браузеры (google chrome и firefox) прекрасно работают с получением изображений http из https, но сафари было строгим.

Надеюсь, это поможет вам позже!

Также эти скобки очень помогли мне на другой странице.:) Еще раз спасибо.

Answer 2

Попробуйте заключить ваше утверждение в скобки (i && i.url != 'null') ? i.url : ''. Также, в зависимости от вашего значения, если null не должен быть жестко закодированной строкой, не используйте кавычки.