title: Applying a class specially to the badge
body: <p>I am using Ionic/Angular and also <a href="http://daneden.github.io/animate.css/" rel="nofollow">animate.css</a> to give some fancy touches.</p>
  
  <p>At first I was using this type of tabs and everything was working properly</p>
  
  <pre><code>&lt;a class="tab-item has-badge" href="#/app/bet-slip"&gt;
    &lt;span class="badge badge-assertive animated"
          ng-class="picksCount?'rubberBand':'bounceIn'"&gt;{{betSlipCount}}&lt;/span&gt;
    &lt;i class="icon ion-code-download"&gt;&lt;/i&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>but the requirements says that I need to use <code>&lt;ion-tabs&gt;&lt;/ion-tabs&gt;</code> and thats what I am trying.</p>
  
  <p>In the first type of tabs above you can see that there is a <code>&lt;span&gt;</code> that actually holds a badge with an <code>ng-class</code> and at the end <code>{{betSlipCount}}</code>, that <code>ng-class</code> it is been applied every time that <code>{{betSlipCount}}</code> which is an integer changes thru a boolean named <code>picksCount</code>. now I am using the type of tabs I mentioned before and now I have: </p>
  
  <pre><code>&lt;ion-tab title="BetSlip"
           class="animated"
           ng-class="picksCount?'rubberBand':'bounceIn'"
           badge="betSlipCount"
           badge-style="badge-assertive"&gt;
  
          &lt;ion-nav-view name="about-tab"&gt;&lt;/ion-nav-view&gt;
  
  &lt;/ion-tab&gt;
  </code></pre>
  
  <p>as you can see some stuff change there, the badege now is inside the same first tap I do not know how to apply the <code>ng-class</code> correctly in this case, and I need the same behavior, I need that class applied to the badge every time that the <code>betSlipCount</code> changes. </p>