Javascript 在侧菜单应用程序中使用Ionic获取选项卡

我使用的是爱奥尼亚1.3，我已经建立了一个侧菜单应用程序

在我的页面上，我希望有选项卡来显示3个不同的页面

这是我的代码（app.js）：

这是我的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>

Votre profil
表1
表2
表3

---

它可以工作，但是，有没有办法设置选项卡的状态？当我更改选项卡时，选项卡不处于活动状态。这是实现它的正确方法吗？

对于像应用程序这样的选项卡，您必须为选项卡设置一个抽象状态（默认页面）。也就是说，将这三个选项卡中的一个设置为默认着陆选项卡，并为它们定义路线。有关详细信息，请查看爱奥尼亚网站上的文档。对于类似标签的应用程序，您必须为标签设置一个抽象状态（默认页面）。也就是说，将这三个选项卡中的一个设置为默认着陆选项卡，并为它们定义路线。有关详细信息，请查看爱奥尼亚网站上的文档

<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>