Ионные вкладки: после нажатия на вкладки меню значки будут дублироваться.

Question

вот скриншот моей проблемы с меню вкладок. click here to view screenshots

вот мой код:

<ion-view> 
    <ion-tabs class="tabs-positive tabs-icon-top"> 
     <ion-tab title="Clock In" icon="icon-clock-in" ng-click="mn.clockInLog()"> 
      <ion-nav-view name="clockIn"></ion-nav-view> 
     </ion-tab> 

     <ion-tab title="Attendance" icon="icon-attendance" ng-click="mn.backLog()"> 
      <ion-nav-view name="attendance"></ion-nav-view> 
     </ion-tab> 

     <ion-tab title="Leave" icon="icon-leave" ui-sref="main.leave"> 
      <ion-nav-view name="leave"></ion-nav-view> 
     </ion-tab> 

     <ion-tab title="Overtime" icon="icon-overtime" ui-sref="main.overtime"> 
      <ion-nav-view name="overtime"></ion-nav-view> 
     </ion-tab> 

     <ion-tab title="More" icon="icon-more" ui-sref="main.more"> 
      <ion-nav-view name="more"></ion-nav-view> 
     </ion-tab> 
    </ion-tabs> 
</ion-view> 

Answer 1

Ну, я получил это работает.

Замечено, что дублированные иконки, где те, где я использовал ui-sref= как в:

<ion-tab icon="ion-android-restaurant" title="Menu" ui-sref="logged_in.menus"> 

Изменены ui-sref к ng-click= и теперь он работает: нет дублированные иконки. Зачем? Я не знаю ... но как обходной путь убивает ошибку.

Таким образом, изменение HTML для:

<ion-tab icon="ion-android-restaurant" title="Menu" ng-click="menus()"> 

и в контроллере:

$scope.menus = function() { 
    $state.go('logged_in.menus'); 
};