想用 ngif 加载 div 里面的 img，当 ngif==false

Question

基本上，我有一个带有 *ngIf 条件的 div，但我在这个 div 中也有一个 img。这是一个登录页面，我想为不同类型的用户显示不同的登录页面。这就是我使用 ngIf 的原因。但是，直到我单击用户名输入字段后，img 才会加载。无论如何我可以解决这个问题吗？抱歉任何不清楚的描述，仍在提高我的英语水平。

这是问题的简单版本：

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

所以我希望不管ngif是真是假都能加载img，并且img必须在div里面。

感谢您的帮助..

Answer 1

有使用 2 div 与所有代码和其他只与图像

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

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

Answer 2

我猜你想要的是 "load"（不显示） 不管 *ngIf 的条件是...

只需尝试使用 [style.display]="condition ? '' : 'none'" 而不是 *ngIf="condition"

我想发生的事情是，当条件为假时，img 不在 dom 中，因此浏览器不会加载它...当您隐藏它时，而不是将其从 dom 通过 *ngIf，图像将加载...

想用 ngif 加载 div 里面的 img，当 ngif==false

Want to load img inside the div with the ngif, and when the ngif==false

html

javascript

angular-ng-if

angular