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