ngIf else如果在Angular中

Question

我會根據2個值顯示消息

<div *ngIf="nolimit; else limited">
   <p class="isGroup">No limit message</p>
</div>
<div *ngIf="noDelegation; else limited">
   <p class="isGroup">No delegation</p>
</div>
<ng-template #limited>
  Content here
</ng-template>

我希望isGroup消息顯示或no delegation顯示no delegation如果它們都為假，我應該顯示內容#limited

我的實際問題是，當nolimit為true時，我沒有獲得任何限制消息和#limited內容：

沒有限制

這里的內容

但是，當我不刪除no delegation代碼時，一切正常。

Answer 1

這將是更好地使用三個div秒，然后使用*ngIf="!nolimit && !noDelegation"上的最后一個，將顯示Content here的文本

<div>
  <div *ngIf="nolimit">
    <p class="isGroup">No limit message</p>
  </div>
  <div *ngIf="noDelegation">
    <p class="isGroup">No delegation</p>
  </div>
</div>

<div *ngIf="!nolimit && !noDelegation">
  Content here
</div>

Answer 2

我認為這與microsintax有關：

<div [ngIf]="nolimit" [ngIfElse]="limited">
  <p class="isGroup">No limit message</p>
</div>

<div [ngIf]="noDelegation" [ngIfElse]="limited">
  <p class="isGroup">No delegation</p>
</div>

<ng-template #limited>
 Content here
</ng-template>