Question

我想构建一个使用标签界面和侧边菜单进入状态的应用程序。

现在我想要的是侧边菜单链接视图在所选标签下也有原始标签，一次放在这些新视图上。

router.js

function($stateProvider, $urlRouterProvider) {
$stateProvider

.state('app', {
  url: "/app",
  abstract: true,
  templateUrl: "js/base/menu.html"
})

.state('app.tabs', {
  url: '/tabs',
  views: {
    'menuContent': {
      templateUrl: 'js/base/tabs.html',
      controller: 'TabsController as tabsController'
    }
  }
})

.state('app.tabs.old', {
  url: '/old',
  views: {
    'old': {
      templateUrl: 'js/old/old.html',
    }
  }
})

.state('app.tabs.new', {
  url: '/new',
  views: {
    'new': {
      templateUrl: 'js/new/new.html',
    }
  }
})

.state('app.tabs.profile', {
  url: '/profile',
  views: {
    'profile': {
      templateUrl: 'js/profile/profile.html'
    }
  }
});
$urlRouterProvider.otherwise('/app/tabs');}

此处旧和新位于标签中，而个人资料应从侧边菜单访问，并且底部还有新旧标签在它看来。

menu.html

<ion-side-menus enable-menu-with-back-views="false">
  <ion-side-menu-content>
    <ion-nav-bar class="header-style">

      <ion-nav-back-button>
      </ion-nav-back-button>

    </ion-nav-bar>
    <ion-nav-view name="menuContent"></ion-nav-view>
  </ion-side-menu-content>

  <ion-side-menu side="right">
    <ion-content>
      <ion-list>
        <!--THE MOST IMPORTANT PART-->
        <ion-item nav-clear class="item item-avatar" href="#/profile">
          <img src="../images/img/avatar/header-avatar-2.png">
          <h2 class="item-text-center">{{user}}'s Profile</h2>
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

现在最重要的是在离子项目中，我尝试了所有内容，来自

HREF
的onclick
ng-ng <单击进入州
UI-SREF

显然做得不对。

有关如何将个人资料视图连接到应用的任何建议吗？

带标签和侧面菜单的离子路由

0 个答案: