Question

我正在Ionic项目中工作，并且正在Ionic中显示用户个人资料图像。当用户登录时，将显示原始个人资料图像，否则将显示演示图像，但问题是，当用户未登录时，它没有显示演示图像。

这是我的 app.html ：

<ion-col col-4>
    <img class="imgsection12" src="{{this.userpimage ? 'assets/imgs/hipster-man.jpg' : 'http://beegoodhoney.in/uploads/user/'+this.userpimage}}" />
</ion-col>

在此html中，我使用的条件是，如果设置了this.userpimage，它将显示原始配置文件图像，否则将显示演示图像，但问题是它没有显示= ng演示用户未登录时的图片。

这是我的 app.component.ts ：

userpimage;
this.storage.get("IMAGE2").then((val2) =>
{
  if(val2)
  {
    this.userpimage = val2;
    console.log(this.userpimage);
  }
});

当我控制该值时，它会显示图像名称。

非常感谢您的帮助。

Answer 1

试试看

HTML：

<ion-col col-4>
    <img class="imgsection12" [src]="profileImage" />
</ion-col>

Component.ts：

public profileImage = './assets/imgs/hipster-man.jpg';
userpimage;
this.storage.get("IMAGE2").then((val2) =>
{
  if(val2)
  {
    this.userpimage = val2;
    console.log(this.userpimage);
    this.profileImage = `http://beegoodhoney.in/uploads/user/${this.userpimage}`;
  }
});

这样，以后注销时，可以根据需要将profileImage变量设置为其他变量，例如回到'./assets/imgs/hipster-man.jpg';。

无法根据Ionic的条件显示图像

1 个答案: