Angular 2 ngSwitchCase，OR操作符不工作

Question

我有多个switch语句，但对于某些情况下我需要常见的情况。所以，我想在

OR operator => ||

例子：

 <ng-container [ngSwitch]="options"> 
      <ng-container *ngSwitchCase="'a'">Code A</ng-container> 
      <ng-container *ngSwitchCase="'b'">Code B</ng-container> 
      <ng-container *ngSwitchCase="'c'">Code C</ng-container> 
      <ng-container *ngSwitchCase="'d' || 'e' || 'f'">Common Code</ng-container> 
      <ng-container *ngSwitchDefault>Code Default</ng-container> 
     </ng-container> 

输出：

if case = 'd' returns Common Code 
else if case = 'e' and 'f' returns the Code Default 

这里倒数第二个案例是由多例，现在默认情况下， case 'd'只能工作，不能用于case 'e' and 'f'。

我看不到任何多情况下，ngSwitchCase文档里面：

https://angular.io/docs/ts/latest/api/common/index/NgSwitchCase-directive.html https://angular.io/docs/ts/latest/api/common/index/NgSwitch-directive.html

不角2支持在ngSwitchCase的||操作？

Answer 1

如果评估'd' || 'e' || 'f'结果是'd'当options不'd'，那么它不匹配。您不能以这种方式使用ngSwitchCase。

这会工作：

<ng-container [ngSwitch]="true"> 
     <ng-container *ngSwitchCase="options === 'a'">Code A</ng-container> 
     <ng-container *ngSwitchCase="options === 'b'">Code B</ng-container> 
     <ng-container *ngSwitchCase="options === 'c'">Code C</ng-container> 
     <ng-container *ngSwitchCase="options === 'd' || options === 'e' || options === 'f'">Common Code</ng-container> 
     <ng-container *ngSwitchDefault>Code Default</ng-container> 
    </ng-container>