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中处理它？</ p>

Answer 1

这是一个带开关工作的plunker，单引号是好的（我的坏）。

enter code here

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

Angular 2 - ngSwitchCase - 更正语法（包装器）

1 个答案: