еще блок в нг-если - PullRequest
Новая
       12

еще блок в нг-если

0 голосов
/ 19 апреля 2019

Я пытаюсь отобразить разные кнопки в зависимости от того, помечено свойство или нет. Логика для проверки, если свойство помечено звездочкой, работает нормально. Это мой код. 

<li class="list-inline-item" *ngIf="property.starred === true; else elseBlock">
    <button class="btn btn-primary" (click)="sendLike(property.id)"><i class="fa fa-heart"></i></button>
    <ng-template #elseBlock><button>Test</button></ng-template>
</li>

Истинное состояние работает нормально. Но если property.starred имеет значение false, блок else не будет отображаться.

Любые идеи здесь

1 Ответ

3 голосов
/ 19 апреля 2019

Сделай так: 

<li class="list-inline-item">
  <button *ngIf="property.starred; else elseBlock" 
          class="btn btn-primary" 
          (click)="sendLike(property.id)">
    <i class="fa fa-heart"></i>
  </button>

  <ng-template #elseBlock>
    <button>Test</button>
  </ng-template>
</li>
...