Question

我正在使用Ionic / Angular和animate.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>

但要求说我需要使用<ion-tabs></ion-tabs>，这就是我正在尝试的内容。

在上面的第一种标签中，您可以看到有一个<span>实际上包含一个带有ng-class的徽章，最后是{{betSlipCount}}，ng-class每当整数{{betSlipCount}}通过名为picksCount的布尔值更改时，就会应用它。现在我正在使用我之前提到的标签类型，现在我有：

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

因为你可以看到一些东西在那里改变，badege现在在同一个第一次点击内我不知道如何在这种情况下正确应用ng-class，我需要相同的行为，我需要那个类每次betSlipCount更改时都会应用于徽章。

Answer 1

我认为你根本不需要那里的ng级条件。该条件应该在您的控制器中，并将计算出的类存储在控制器中，并在html中的ng-class语句中使用该变量。当范围变量发生变化时，应在html中自动更新值更改。 Haven没试过，但它可以解决这个问题。

专门为徽章应用课程

1 个答案: