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为false，则elseblock永远不会渲染。

这里有什么想法

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内阻塞

1 个答案: