角2 - ngSwitchCase

Question

我学习开关罩与角2.我想呼应阵列，但我不得不重新命名一些单词。这是我以前：

<tbody *ngFor="let access of menu.navAccess" class="tr-content"> 
     <tr class="trParent"> 
      <td>{{ access.access | uppercase }}</td> 
      <td>{{ access.accessType }}</td> 
      <td><span class="glyphicon glyphicon-trash actionsBtn" data-toggle="modal" data-target="#deleteModal" (click)="showDelete(access)"></span></td> 
     </tr> 
</tbody> 

现在，我想包括ngSwitchCase上access.accessType：

<tbody *ngFor="let access of menu.navAccess" class="tr-content"> 
     <tr class="trParent"> 
      <td>{{ access.access | uppercase }}</td> 
      <td [ngSwitch]="access.accessType"> 
       <span *ngSwitchCase="BusinessUnit">Business Unit</span> 
      </td> 
      <td><span class="glyphicon glyphicon-trash actionsBtn" data-toggle="modal" data-target="#deleteModal" (click)="showDelete(access)"></span></td> 
     </tr> 
</tbody> 

所以，我知道我的access.accessType等于BusinessUnit，但在我的UI，我想展示Business Unit，但没有显示。

我在做什么错？

Answer 1

OK，我已经找到了解决办法。由于* ngSwitchCase想表达，我必须声明我SwitchCase作为一个字符串，像这样：

<span *ngSwitchCase="'BusinessUnit'">Business Unit</span> 

单引号，而不是这样的：

<span *ngSwitchCase="BusinessUnit">Business Unit</span>