Ionic在侧边菜单应用中使用标签

时间:2016-09-04 10:45:11

标签: javascript angularjs ionic-framework

我正在使用Ionic 1.3,我已经构建了一个侧面菜单应用程序。

在我的页面上,我希望Tabs显示3个不同的页面。

这是我的代码(app.js):

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

//PROFIL
  .state('app.profil', {
    url: "/profil",  
    abstract: true,
    views: {
      'menuContent': {
        templateUrl: "views/app/profil/tabs.html",
      }
    }
  })

//PROFIL TAB 1
  .state('app.profil.tab1', {
    url: "/tab1",    
    views: {
      'tabProfilContent': {
        templateUrl: "views/app/profil/tab1.html",
        controller: 'ProfilCtrl'
      }
    }
  })

这是我的tabs.html视图:

<ion-view class="profile-view">
  <ion-nav-title>
    <span>Votre profil</span>
  </ion-nav-title>
<ion-header>
<div class="tabs-striped tabs-top tabs-background-positive tabs-color-light">
    <div class="tabs">
      <a class="tab-item" ui-sref="app.profil.tab1">
        Tab 1
      </a>
      <a class="tab-item" ui-sref="app.profil.tab2">
        Tab 2
      </a>
      <a class="tab-item" ui-sref="app.profil.tab3">
        Tab 3
      </a>
    </div>
  </div>
</ion-header>

<ion-nav-view name="tabProfilContent"></ion-nav-view>
</ion-view>

它有效,但是,有没有办法设置标签的状态?当我更改Tab时,标签不活动。这是实现它的正确方法吗?

0 个答案:

没有答案