javascript - ngIf else if 在 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

我的实际问题是，当 nolimit 为真时，我同时收到 no limit 消息和 #limited 内容:

no limit

Content Here

但是当我删除 no delegation 代码时，一切正常。

Answer 1

最好使用三个 div，然后在最后一个显示 Content 的部分使用 *ngIf="!nolimit && !noDelegation"这里文本

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