Как заменить значение null в ngFor - PullRequest
Новая
       7

Как заменить значение null в ngFor

0 голосов
/ 19 октября 2018

Если значение элемента равно нулю, в консоли возникает ошибка, и она перестает работать. Поэтому, как мне проверить или заменить значение 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>

1 Ответ

0 голосов
/ 19 октября 2018

Вы можете использовать безопасный оператор (?) вместе с оператором ||, чтобы показать некоторый текст, если значение равно 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>
...