我是用ionic的tab默认模板,然后需要加side menu这个功能,但是我在设置路由的时候不知该如何设置,是应该在tab下面接着这样写?
.state('tab.login',{ url:'/login', views:{ 'tab-login':{ templateUrl:'templates/login.html', controller:'LoginCtrl' } } })
但是每次这样都会跳转到首页面,而只有title显示出来,内容区域号线被首页的盖住了,因此我新建了一个模板,为menu.html,我这样定义了路由
.state('menu',{ url:'/menu', abstract:true, templateUrl: 'templates/menu.html' }) .state('tab', { url: '/tab', abstract: true, templateUrl: 'templates/tabs.html' }) // Each tab has its own nav history stack: .state('tab.dash', { url: '/dash', views: { 'tab-dash': { templateUrl: 'templates/tab-dash.html', controller: 'DashCtrl' } } }) .state('menu.login',{ url:'/login', views:{ 'menu-login':{ templateUrl:'templates/login.html', controller:'LoginCtrl' } } })
但是却没有了切换动画效果,这是什么原因?
ネストされたサブルートを追加するだけで十分です。
リーリーmenu.html のコンテンツは、元のサイド メニュー プロジェクトの menu.html テンプレートであり、ビュー名 menuContent をside-menu に変更するだけです。