Css 专门为徽章应用一个类

我使用离子型/棱角型，还提供了一些别致的触感

起初，我使用的是这种类型的标签，一切正常

<a class="tab-item has-badge" href="#/app/bet-slip">
  <span class="badge badge-assertive animated"
        ng-class="picksCount?'rubberBand':'bounceIn'">{{betSlipCount}}</span>
  <i class="icon ion-code-download"></i>
</a>

---

正如您在那里看到的一些变化一样，badege现在位于相同的第一次点击中。在这种情况下，我不知道如何正确应用

ng类

，我需要相同的行为，每次

betSlipCount

变化时，我需要将该类应用于徽章

我认为您根本不需要ng类条件。该条件应该在控制器中，只需将计算出的类存储在控制器中，并在html中的ng class语句中使用该变量即可。当作用域变量更改时，html中的值更改应自动更新。 我没有试过，但它可能会解决问题

<ion-tab title="BetSlip"
         class="animated"
         ng-class="picksCount?'rubberBand':'bounceIn'"
         badge="betSlipCount"
         badge-style="badge-assertive">

        <ion-nav-view name="about-tab"></ion-nav-view>

</ion-tab>