Хотите загрузить img в div с помощью ngif, а когда ngif == false

Question

По сути, у меня есть div с условием * ngIf, но у меня также есть img внутри этого div. Это страница входа в систему, я хочу показать разные страницы входа для разных типов пользователей. Вот почему я использую ngIf. Однако img не загружается, пока я не нажму на поле ввода имени пользователя. Можно ли как-нибудь исправить эту проблему? Извините за неясное описание, все еще улучшающий мой английский.

Это простая версия проблемы:

<div *ngIf="somecondition">
<img> 
</div>

Итак, я хочу, чтобы img мог быть загружен независимо от того, является ли ngif истинным или ложным, и img должен быть внутри div.

Спасибо за любую помощь ..

Answer 1

Я предполагаю, что вы хотите "загрузить" (не показывать) независимо от того, что условие * ngIf ...

Просто попробуйте использовать [style.display]="condition ? '' : 'none'" вместо *ngIf="condition"

Я предполагаю, что, когда условие ложно, img не находится в dom, и, следовательно, браузер не загружает его ... Когда вы скрываете его, вместо удаления его из dom через * ngIf, изображение загрузит ...

Answer 2

Есть использование 2 div со всем кодом и другое только с изображением

<div *ngIf="somecondition">
   <-- some code-->
    <img>
    <-- some code--> 
</div>

 <--without some code--> 
<div *ngIf="!somecondition">
   <img> 
</div>