angular - 如何替换ngFor中的null值

Question

如果项目值为 null，则控制台中出现错误，它将停止工作。因此，如何使用我的首选项检查或替换值 null ？

this.xx = this.broadCastService.events.subscribe((line: Line) => {
  this.configService.getConfig2()
    .subscribe((e: LineVariantTrack) => {
      this.segments = e.segments;
    });
});

在模板中：

<tr *ngFor="let x of  segments ">
  <td>
    <label>
      {{x.from.latitude}} //Might be NULL
    </label>
  </td>
  <td>
    <label>
      {{x.to.name}}
    </label>
  </td>
</tr>

标签： angularngfor

Answer 1

如果?值为_||null

类似这样的东西：

<tr *ngFor="let x of  segments ">
  <td>
    <label>
      {{x?.from?.latitude || 'Not Available'}} //Might be NULL
    </label>
  </td>
  <td>
    <label>
      {{x.to.name}}
    </label>
  </td>
</tr>