else 块在 ng-if 中

Question

我正在尝试根据属性是否加星标来呈现不同的按钮。检查属性是否已加星标的逻辑工作正常。这是我的代码。

<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 为假，则 else 块永远不会呈现。

这里有任何想法

Answer 1

这样做：

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

else 块在 ng-if 中

else block within ng-if

angular-ng-if

angular