離子標籤：點擊菜單標籤後，圖標將重複

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'); 
};