ngIf异步管道Ionic 3

Question

我有这个密码

 <div>
<div *ngIf="(imgDoc$ | async) ?.photoURL; then DisplayImgContainer;">
    <p>No Image</p>
</div>
<ng-template #DisplayImgContainer>
    <img [src]="(imgDoc$ | async) ?.photoURL"/> 
    Image Display 
</ng-template>

​

但是这个错误正在返回：

GET http://localhost:8100/null 404 (Not Found)

如果更改此代码，通常会显示图像：

<div>
  <img [src]="(imgDoc$ | async) ?.photoURL"/> 
</div>

* ngIf的异步调用有什么问题？

**

我使用以下代码解决了问题：

**

<div>
   <div *ngIf="imgDoc$ | async as item">
      <div *ngIf="item.photoURL; then noImgContainer;">
         <img [src]="item.photoURL"/> 
      </div>
      <ng-template #noImgContainer>
          Image Not Exists
      </ng-template>
  </div>
</div

我在这个主题的答案中找到了答案：stackoverflow answer

Answer 1

我使用以下代码解决了问题：

   <div>
   <div *ngIf="imgDoc$ | async as item">
      <div *ngIf="item.photoURL; then noImgContainer;">
         <img [src]="item.photoURL"/> 
      </div>
      <ng-template #noImgContainer>
          Image Not Exists
      </ng-template>
  </div>
</div>

我在本主题的答案： stackoverflow answer中找到了答案