我有这个基本脚本:
HTML:
<button ion-button (tap)="buttonclick()">Button</button>
<ion-img *ngIf="test" style="width: 20%; vertical-align: middle;" src="../assets/imgs/logo.png"></ion-img>
TS:
buttonclick()
{
this.test = true;
}
我期望发生的事情:
单击按钮显示图像。
会发生什么:
单击该按钮会在图像所在的位置出现一个小的灰色矩形,就好像无法找到img源一样。离开视图并返回到它确实会使图像出现。
我做错了什么或如何解决这个问题? 非常感谢任何帮助!
更新
在检查源代码后,我注意到第一次为图像分配了一个类img-unloaded
。当我离开视图并返回时,课程将更改为img-loaded
,使图像显示。我想这是一个离子的东西......?如何避免这种行为?使用img
代码而不是ion-img
可以解决问题,但我更愿意使用ion-img
代码。