Angular 模板中的离子/角度检查值（如果已设置）

我有以下问题：

我有一大堆博客文章。有些人有照片，其他人没有。我想所以显示第一张照片，如果有照片设置。我可以向谁检查数组中的url值是否已设置

<ion-header>
  <ion-navbar>
    <ion-title>Blogposts</ion-title>
  </ion-navbar>
</ion-header>
<ion-content padding>
  <ion-list>
  <ion-item *ngFor="let post of posts">
    <ion-card>
      <img [src]="post.photos[0].original_size.url"/>
      <ion-card-content>
        <ion-card-title>
        </ion-card-title>
          {{post.summary}}
      </ion-card-content>
    </ion-card>
  </ion-item>
</ion-list>
</ion-content>

博客帖子
{{post.summary}

您可以添加一个带有

照片的
*ngIf
。使用
安全导航操作符的
检查帖子是否已定义，因为您正在发出异步请求以获取结果

 <ion-item *ngFor="let post of posts">
        <ion-card *ngIf="post?.photos?.length > 0">
          <img [src]="post?.photos[0]?.original_size.url"/>
          <ion-card-content>
            <ion-card-title>
            </ion-card-title>
              {{post.summary}}
          </ion-card-content>
        </ion-card>
      </ion-item>


{{post.summary}
您可以使用
*ngIf
并使用
let
分配属性。我还将结合存在运算符以防止任何崩溃：

<img *ngIf="post?.photos[0]?.original_size?.url; let url" [src]="url">


sry。不起作用：“无法读取未定义的属性'length'”