Несколько ионных Значки на вкладках не работает

Question

Я пытаюсь добавить значки в моих закладках в ионных, имеющих один знак отлично работает, используя следующий код:

<nav class="tabs tabs-icon-bottom tabs-positive"> 
    <a class="tab-item" ng-click="showVenue('venue')"><i class="icon ion-waterdrop"></i>Venue</a> 
    <a class="tab-item" ng-click="showComments()"><i class="icon ion-ios-chatbubble"></i>Comments</a> 

    <a class="tab-item" ng-click="showEvents()"><span class="badge badge-assertive">{{detail.events}}</span><i class="icon ion-calendar"></i> Events</a> 
    <a class="tab-item" ng-click="showMap()"><i class="icon ion-android-pin"></i>Map</a> 

    <a class="tab-item" ng-click="showOffer()"><i class="icon ion-pizza"></i> Offers</a> 
    </nav> 

Однако добавление еще один значок на, кажется, не отображать или испортил текущий вид, например

Место Комментарии

<a class="tab-item" ng-click="showEvents()"><span class="badge badge-assertive">{{detail.events}}</span><i class="icon ion-calendar"></i> Events</a> 
<a class="tab-item" ng-click="showMap()"><i class="icon ion-android-pin"></i>Map</a> 

<a class="tab-item" ng-click="showOffer()"><span class="badge badge-assertive">{{detail.events}}</span><i class="icon ion-pizza"></i> Offers</a> 

Я делаю это правильно?

Answer 1

У меня есть работа в моем текущем проекте, единственное отличие в том, что мои 2 значка привязаны к двум различным значениям.

Здесь вы привязываете 2 значка к тому же свойству {{detail.events}}, можете ли вы попробовать с двумя разными значениями?

Другое отличие заключается в том, что я использую директивы <ion-tabs> и <ion-tab>, пока вы используете классы CSS.