时间戳

首页 > 解决方案 > 想用ngif加载div里面的img，当ngif==false

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

问题描述

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

这是问题的简单版本：

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

所以我希望无论ngif是真还是假都可以加载img，并且img必须在div内。

谢谢你的帮助..

标签： javascripthtmlangularangular-ng-if

解决方案

我想你想要的是“加载”（不显示），无论 *ngIf 的条件是......

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

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

推荐阅读