NgIf 检查值 json 对象不工作

Question

我有 IONIC 应用程序使用 angular。我的应用正在获取航班时刻表的数据 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>

NgIf 检查值 json 对象不工作

NgIf checking value json object is not working

angular

ionic4