Question

我有一个棘手的问题（或者至少我觉得它很棘手）。我已经通过具有相关抽象路线的菜单视图在离子中设置了标签。

menu.html：

<ion-nav-bar class="bar-custom">
  <!-- Add Back Button Directive -->
  <ion-nav-back-button>
  </ion-nav-back-button>

</ion-nav-bar>
<ion-nav-view name="menuContent">
  <ion-tabs class="tabs-stable tabs-icon-top">
    <ion-tab title="Dashboard" icon="ion-home" ui-sref="app.headlines">
      <ion-nav-view name="dashboard"></ion-nav-view>
    </ion-tab>
    <ion-tab title="Portfolio" icon="ion-arrow-graph-up-right" ui-sref="app.stocks">
      <ion-nav-view name="portfolio"></ion-nav-view>
    </ion-tab>
    <ion-tab title="Alerts" icon="ion-ios-bolt" ui-sref="app.alerts">
      <ion-nav-view name="alerts"></ion-nav-view>
    </ion-tab>
    <ion-tab title="Saved" icon="ion-bookmark" ui-sref="app.saved-posts">
      <ion-nav-view name="saved"></ion-nav-view>
    </ion-tab>
    <ion-tab title="Accounts" icon="ion-gear-a" ui-sref="app.accounts">
      <ion-nav-view name="accounts"></ion-nav-view>
    </ion-tab>
  </ion-tabs>
</ion-nav-view>

routes of routes.js：

angular.module('starter')
.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider

        .state('app', {
            url: '/app',
            abstract: true,
            templateUrl: 'templates/menu.html',
            controller: 'LoginController',
            cache: false
        })

标签工作得很漂亮，就像我期望的那样。下一步是根据我当前所处的视图更改这些选项卡选项。因此，例如，我已经设置为默认设置，而不是仪表板，投资组合，警报，已保存，帐户，我想要的选项将导致foo，bar和foo2。实现这一目标的最佳方法是什么？我已经阅读了一些有关嵌套选项卡的内容，但我认为这不是一种方法（似乎是在选项卡或其他内容上有标签）。

根据视图Ionic设置不同的选项卡导航

0 个答案: