Я изо всех сил пытаюсь проверить пустую строку, полученную с сервера

Обычно это довольно просто, просто не работает

<div class="ui-g-2 info-txt"
     *ngIf="appointment.Notes !==null || 
     appointment.Notes !== ''">
     <i class="fa fa-commenting-o" aria-hidden="true"</i>
</div>

<div class="ui-g-5 info-txt"
     *ngIf="appointment.Notes !==null ||     
     appointment.Notes !== ''">
     *emphasized text*{{appointment.Notes}}
</div>

<div class="ui-g-7 info-txt"
     *ngIf="appointment.Notes === null || 
     appointment.Notes === ''"
     style="padding-top: 0;">
     no hay notas disponibles
</div>

Итак, я проверяю нуль или строку, в которой ничего нет, проблема в том, что он все еще показывает значок и пустую строку

Когда есть сообщение внутри no hay ..... не отображается, поэтому он отлично работает на этой стороне

Любая высоко оцененная помощь застряла на этом на долгие годы.

Я уверен, что это очевидно, я просто не вижу этого

1
Aidan Ward 1 Ноя 2018 в 22:16

2 ответа

Лучший ответ

Не должно быть:

Назначение.Примечания! == null && встреча.Примечания! == '' "

Вы хотите, чтобы он не был нулевым И не пустым, но вы просто проверяете, не является ли он либо ненулевым, либо не пустым, тем или другим. Это означает, что если у вас есть это значение:

const name = "";

Условие * ngIf будет истинным, потому что оно не равно нулю.

1
David Anthony Acosta 1 Ноя 2018 в 19:20

Вы можете использовать двойное отрицание, чтобы проверить, не является ли значение undefined / null или Empty. Пример: *ngIf="!!name".

Это предотвратит отображение всех значений Null, undefined или пустых значений.

2
nircraft 1 Ноя 2018 в 20:53