如何在離子框架中使用標籤菜單

我正在開發一個使用cordova和離子框架的android應用程序。我是用於導航的側面菜單和標籤菜單。如何在使用側面菜單加載的頁面中使用標籤菜單。這裏是app.js文件如何在離子框架中使用標籤菜單

.config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 

    .state('app', { 
     url: "/app", 
     abstract: true, 
     templateUrl: "templates/menu.html", 
     controller: 'AppCtrl' 
    }) 

    /*--------------------menus in sidebar----------------------------------------------*/ 
    .state('app.home', { 
     url: "/home", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/home.html", 
      controller: 'homeCtrl' 
     } 
     } 
    }) 

    .state('app.announcements', { 
     url: "/announcements", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/announcements.html", 
      controller:'announcementCtrl' 
     } 
     } 
    }) 

    .state('app.deals', { 
     url: "/deals", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/deals.html", 
      controller:'dealsCtrl' 
     } 
     } 
    }) 

    .state('app.dining', { 
     url: "/dining", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/dining.html", 
      controller:'diningCtrl' 
     } 
     } 
    }) 

    .state('app.director', { 
     url: "/director", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/director.html" 
     } 
     } 
    }) 

    .state('app.contact', { 
     url: "/contact", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/contact.html" 
     } 
     } 
    }) 

    .state('app.about_app', { 
     url: "/about_app", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/about_app.html" 
     } 
     } 
    }) 
    .state('app.quiz_register', { 
     url: "/quiz_register", 
     views: { 
      'menuContent' :{ 
      templateUrl:'templates/register.html', 
      controller:'RegisterCtrl' 
      } 
     } 
     }) 
    .state('app.quiz_web', { 
     url: "/quiz_web", 
     views: { 
      'menuContent' :{ 
      templateUrl:'templates/registermodel.html', 
      controller:'WebCtrl' 
      } 
     } 
     }) 

    /*----------------------------------menus in sidebar--------------------------------------------*/ 

    /*----------------------------------menus in homepage--------------------------------------------*/ 
    .state('app.about_gksf', { 
     url: "/about_gksf", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/about_gksf.html" 
     } 
     } 
    }) 

    .state('app.culture', { 
     url: "/culture", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/culture.html" 
     } 
     } 
    }) 

    .state('app.sponsors', { 
     url: "/sponsors", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/sponsors.html" 
     } 
     } 
    }) 

    .state('app.gallery', { 
     url: "/gallery", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/gallery.html", 
      controller:'galleryCtrl' 
     } 
     } 
    }) 

    /*---------------------------------menus in homepage----------------------------------------*/ 

    /*---------------------------------ANNOUNCEMENT ITEM----------------------------------------*/ 

    .state('app.announcementsitem', { 
     url: "/announcementsitem/:itemId", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/announcementsitem.html", 
      controller:'announcementdetailCtrl' 
     } 
     } 
    }) 

    /*---------------------------------ANNOUNCEMENT ITEM----------------------------------------*/ 

    /*---------------------------------DEALS ITEM----------------------------------------*/ 

    .state('app.dealsitem', { 
     url: "/dealsitem/:dealId", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/dealsitem.html", 
      controller:'dealsdetailsCtrl' 
     } 
     } 
    })  
    /*---------------------------------DEALS ITEM----------------------------------------*/ 

    /*---------------------------------DINING ITEM----------------------------------------*/ 

    .state('app.diningitem', { 
     url: "/diningitem/:diningId", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/diningitem.html", 
      controller:'diningdetailCtrl' 
     } 
     } 
    }) 

    /*---------------------------------DINING ITEM----------------------------------------*/ 



    .state('app.single', { 
     url: "/playlists/:playlistId", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/playlist.html", 
      controller: 'PlaylistCtrl' 
     } 
     } 
    }); 
    // if none of the above states are matched, use this as the fallback 
    $urlRouterProvider.otherwise('/app/home'); 
});

這就是我想要做的。

1.當我點擊側邊菜單測驗測驗頁面加載 enter image description here