angular - 你可以将一组值传递给 ngSwitch 吗？

Question

我有一个功能ngSwitch

<div class="columnFormatting" [ngSwitch]="statusIds">
  <div *ngSwitchCase="2"> Do 2 </div>
  <div *ngSwitchCase="4"> Do 4 </div>
  <div *ngSwitchDefault> Default </div>
</div>

StatusIds 可以包含一个或多个用逗号分隔的整数。

如果 statusIds 是 [2,4] 我希望它同时满足这两种情况。如果在交换机之外没有 foreach 循环，这可能吗？

Answer 1

ngSwitch只接受单个值，但为了显示多个案例，您可以执行以下操作。

<div class="columnFormatting" *ngFor="let status of statusIds" [ngSwitch]="status">
  <div *ngSwitchCase="2"> Do 2 </div>
  <div *ngSwitchCase="3"> Do 4 </div>
  <div *ngSwitchDefault> Default </div>
</div>

通过 ngFor 和 ngSwitch 的组合，您可以实现您的要求。你不需要在 switch 之外有一个 for 循环，你可以和上面提到的 switch 一起使用。

供进一步参考

我希望这能帮到您。如果您有任何问题或建议，请告诉我。