angular.js - ionic的side menu和tabs结合的路由怎么设置?
过去多啦不再A梦
过去多啦不再A梦 2017-05-15 17:02:10
0
1
462

我是用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' } } })

但是却没有了切换动画效果,这是什么原因?

过去多啦不再A梦
过去多啦不再A梦

全員に返信 (1)
習慣沉默

ネストされたサブルートを追加するだけで十分です。

リーリー

menu.html のコンテンツは、元のサイド メニュー プロジェクトの menu.html テンプレートであり、ビュー名 menuContent をside-menu に変更するだけです。

いいねを押す+0
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!