2017-08-01 10 views
0

私は角2のスイッチケースを学んでいます。私は配列をエコーし​​ようとしていますが、いくつかの単語の名前を変更する必要があります。これは、私が前にした内容:だから角2 - ngSwitchCase

<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.accessTypeBusinessUnitに等しい知っているが、私のUIで、私が見せたい:

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

は今、私はngSwitchCaseaccess.accessTypeに含めますBusiness Unitですが、何も表示されていません。

私は間違っていますか?

答えて

1

OK、解決策を見つけました。これに代えて単一引用符、と

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

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

あなたがコンマの代わりに単一引用符を意味するか* ngSwitchCase式をしたいので、私はこのように、文字列として私のSwitchCaseを宣言しなければなりませんでしたか? – 0mpurdy