Question

我是IONIC的新手。我想用sidemenu项目实现tabbed。意思是我有侧面菜单，点击侧面菜单选项之一将有一个页面有标签。我为它编写了代码，但页面没有重定向标签页。

我的app.js

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

  .state('app.tabs.currentrides', {
    url: '/currentrides',
    views: {
      'currentrides': {
        templateUrl: 'templates/currentrides.html',
        controller: 'CurrentRidesCtrl'
      }
    }
  })

  .state('app.tabs.rideshistory', {
    url: '/rideshistory',
    views: {
      'rideshistory': {
        templateUrl: 'templates/rideshistory.html',
        controller: 'RidesHistoryCtrl'
      }
    }
  })

我的tabs.html

<ion-tabs class="tabs-icon-top tabs-color-active-positive" >

        <!-- Current Tab -->
        <ion-tab title="Current Rides" ui-href="app.tabs.currentrides">
            <ion-nav-view name="currentrides"></ion-nav-view>
        </ion-tab>

        <!-- History Tab -->
        <ion-tab title="Rides History" ui-href="app.tabs.rideshistory">
            <ion-nav-view name="rideshistory"></ion-nav-view>
        </ion-tab>

    </ion-tabs>

选项卡页面未重定向。

答案：

<ion-tabs class="tabs-icon-top tabs-color-active-positive" >

        <!-- Current Tab -->
        <ion-tab title="Current Rides" href="#/app/tabs/currentrides">
            <ion-nav-view name="currentrides"></ion-nav-view>
        </ion-tab>

        <!-- History Tab -->
        <ion-tab title="Rides History" href="#/app/tabs/rideshistory">
            <ion-nav-view name="rideshistory"></ion-nav-view>
        </ion-tab>

    </ion-tabs>

标签页不能与sidemenu in ionic一起使用

0 个答案: