javascript - 即使 isactive 为 false，ng-switch 也不起作用

Question

ng-switch 中有两个按钮，如果 isActive 为 false，则其中一个应该显示，但它同时显示两个按钮。我做错了什么？

<div ng-switch="user.IsActive">
  <div ng-switch-when="false">
  <button type="button" (click)="activateDeactivateUser(user.UserId,user.IsActive)" class="btn btn-primary active">Deactivate</button>
    </div>

启用

Answer 1

你不想在这里使用 ngSwitch，而是使用 ngIf:

<div *ngIf="user.IsActive">
  <button type="button" (click)="activateDeactivateUser(user.UserId,user.IsActive)" class="btn btn-primary active">Deactivate</button>
</div>

当 user.IsActive 变量返回 true 时，将显示该按钮。当返回 false 时，该按钮将被隐藏。

另外，您的 ngSwitch 语法不正确。正确的语法遵循以下模式:

<div [ngSwitch]="variableCondition">
    <component1 *ngSwitchCase="variableCondition1"></component1>
    <component2 *ngSwitchCase="variableCondition2"></component2>
</div>