Angular 2 - ngSwitchCase - 正確的語法（包裝）

Question

我目前正在進行排行榜演示，其中玩家有多個遊戲，積分和積分/遊戲比率。在我的排行榜上，我想要一個顯示下面的內容的行。

<h2>{{title}}</h2> 
<ul class="leaderboard"> 
    <li> 
     <span class="badge">Rank</span> Name 
     <div class="wrapper"[ngSwitch]="type"> 
      <span *ngSwitchCase="'games'" class="points">Games</span> 
      <span *ngSwitchCase="'points'" class="points">Points</span> 
      <span *ngSwitchCase="'ratio'" class="points">Ratio</span> 
      <div class="wrapper" *ngSwitchDefault> 
       <span class="points">Ratio</span> 
       <span class="points">Points</span> 
       <span class="points">Games</span> 
      </div> 
     </div> 
    </li> 
</ul> 

我認爲ngSwitchDefault的第二個div是問題。但我對Angular 2及其在html中的使用相對較新。我如何處理在一個HTML？

Answer 1

這裏是一個開關工作的運動員，單引號是好的（我的壞）。

enter code here

https://plnkr.co/edit/1FWbbWiLX1EGsm6Pe9YA?p=preview