Если еще в 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, если они оба ложные, я должен показывать содержимое #limited

Моя настоящая проблема заключается в том, что я не получаю сообщение о пределе и #limited содержимое вместе, когда nolimit истинно:

Без ограничения

Содержимое здесь

Но когда я удаляю код no delegation, все работает.

Answer 1

Я думаю, что это связано с микросинтаксисом:

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

Answer 2

Было бы лучше использовать три 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>