ngIf async pipe 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