Question

如果item值为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>

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>

如何在ngFor中替换null值

1 个答案: