Question

我正在使用离子2。

我从firebase检索了图像位置，还存储了localstroage。

但是第一次加载我的应用时，图像src值为空

 <ion-header>
    <ion-toolbar>
      <ion-title *ngIf="currentuser === '7'" class="text-center"><img id="logo" src="./assets/images/logo_black.png" alt="Smart Permises"></ion-title>
      <ion-title class="text-center">
         <h3>{{Apartmentname}}</h3>
        <img id="logo" [src]="logo" alt="Smart Permises" imageViewer/>
      </ion-title>
    </ion-toolbar>
  </ion-header>

我检查了localstorage值。很好。为什么image src值为null。

  this.logo=localStorage.getItem('Logo');
  console.log(this.logo);
  this.Apartmentname=localStorage.getItem('Apartmentname');
  console.log(this.Apartmentname);

我再次关闭app并打开。工作正常。

为什么？

由于

Answer 1

<img id="logo" src={{logo}} alt="Smart Permises" imageViewer />

将<img>作为src={{_varName}}投放至今，对我来说非常有效。

注意：请确保您获得的网址确实有效。例如。试试<img id="logo" src="<url>" alt="Smart Permises" imageViewer/>，其中<url>实际上是一种资源。

离子图像src值为null

1 个答案: