Ngif для проверки пустой строки угловой 5

Question

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

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

<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>

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

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

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

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

Answer 1

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

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

Answer 2

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

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

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

const name = "";

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