Ng如果检查值json对象不起作用

Question

我有使用angular的IONIC应用程序。我的应用程序获取航班计划的数据json API。一切工作正常，但是我遇到了一些值变为空值或空值的问题，当这些值变为空值或空值时，我获取了html中的空数据，并且大多数数据都未显示。

错误代码为TypeError: Cannot read property 'code' of null

这是代码中存在该错误

<td *ngFor="let item of items">

                <div *ngIf="item.flight.airline.code.icao">
                  {{item?.flight.airline.code.icao}}
                </div>

                <div *ngIf="!item.flight.airline.code.icao=null">
                  N/A
                </div>
              </td>

我仍然有同样的错误！ 。有什么解决办法吗？

Answer 1

问题是item.flight.airline为空，因此您无法从其中访问属性code

将代码更改为以下内容可以解决您的问题：

<td *ngFor="let item of items">
   <div *ngIf="item.flight.airline && item.flight.airline.code.icao">
     {{item?.flight.airline.code.icao}}
   </div>
   <div *ngIf="!item.flight.airline || !item.flight.airline.code.icao">
     N/A
   </div>
</td>