Angular ngIf Строка пуста

Question

Мне нужно показать div, если строковые значения больше 3

Пример

 <div class="block_container" *ngIf="benefit.ppc">
   <div class="bloc1">Psychiatric In-Patient Care: </div>
   <div class="bloc2">{{benefit.ppc || 'N/A' }}</div>
 </div>

fit.pp c Значение равно "pp c": "ABCD", когда Мне не нужно показывать div

. Вот как я получаю данные

  this.api.getBenefits(this.company_id, this.plan).subscribe(data => {
    console.log(data);
    this.benefit = data.records[0];
  })

Answer 1

Вам нужно сравнить его непосредственно с пустой строкой. Попробуйте следующее

<div class="block_container" *ngIf="benefit.ppc && benefit.ppc !== ''">
  <div class="bloc1">Psychiatric In-Patient Care: </div>
  <div class="bloc2">{{benefit.ppc || 'N/A' }}</div>
</div>

Answer 2

Допустим, если вы хотите скрыть, если нет значения, вы должны использовать *ngIf="benefit?.ppc", чтобы избежать также нулевых или неопределенных проблем. Если вы хотите проверить длину, вы можете использовать это *ngIf="benefit?.ppc?.length > 3"

как

<div class="block_container" *ngIf="benefit?.ppc?.length >= 2">
  <div class="bloc1">Psychiatric In-Patient Care:</div>
  <div class="bloc2">{{benefit.ppc || 'N/A' }}</div>
</div>

или

<div class="block_container" *ngIf="benefit?.ppc">
      <div class="bloc1">Psychiatric In-Patient Care:</div>
      <div class="bloc2">{{benefit.ppc || 'N/A' }}</div>
</div>

Answer 3

 <div class="block_container" *ngIf="(benefit.ppc).length >3">
   <div class="bloc1">Psychiatric In-Patient Care: </div>
   <div class="bloc2">{{benefit.ppc || 'N/A' }}</div>
 </div>