javascript - 想要用 ngif 在 div 中加载 img，当 ngif==false

Question

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

这是问题的简单版本:

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

所以我希望无论ngif是true还是false都能加载img，而且img必须在div里面。

感谢任何帮助..

Answer 1

我想您想要的是“加载”(不显示)，无论 *ngIf 的条件是...

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

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