如何在 Ionic 3 中检查变量是否为空

Question

我正在尝试制作一个读取 WP-API 的简单应用程序。我的问题是，如果帖子没有特色图片，则变量变为“null”，然后应用程序崩溃。这是我的代码

<ion-card  *ngFor="let post of posts" (click)="onSelectPost(post)">
<img [src]="post.better_featured_image.source_url"/> \\Here is the problem
<ion-card-content>
  <ion-card-title>
    {{post.title.rendered}}
  </ion-card-title>
  <p [innerHtml]="post.excerpt.rendered"></p>
</ion-card-content>

有什么方法可以检查变量是否为空然后隐藏它？

Answer 1

您可以使用安全导航运算符来检查变量是否有数据，将其更改为

<img [src]="post?.better_featured_image?.source_url"/>

编辑：

@JB Nizet 建议最好使用 *ngIf，因为上述方法将 img 元素保留在 dom 中，且 src 为空。

改成

  <img *ngIf="post.better_featured_image" [src]="post.better_featured_image.source_url"/>

Answer 2

您可以使用 typeof 关键字来查找该值并使用 if 检查该值是否为空等条件。