angular.js - Bagaimana untuk menyediakan penghalaan yang menggabungkan menu sisi ionik dengan tab?

Question

Saya menggunakan templat tab lalai ionic, dan kemudian saya perlu menambah fungsi menu sisi, tetapi saya tidak tahu cara untuk menyediakannya semasa menyediakan penghalaan Perlukah saya menulis ini di bawah tab?

  .state('tab.login',{
    url:'/login',
    views:{
      'tab-login':{
        templateUrl:'templates/login.html',
        controller:'LoginCtrl'
      }
    }
  })

Tetapi setiap kali ini akan melompat ke halaman utama, dan hanya tajuk dipaparkan, baris nombor kawasan kandungan diliputi oleh halaman utama, jadi saya mencipta templat baharu, menu.html, dan saya menentukan laluan seperti ini

  .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'
      }
    }
  })

Tetapi tiada kesan animasi beralih Apakah sebabnya?

Answer 1

Ia sepatutnya cukup untuk menambah sub-laluan bersarang.

  .state('tab.dash', {
    url: '/dash',
    abstract:true,//设为抽象
    views: {
      'tab-dash': {
        templateUrl: 'templates/menu.html',
        controller: 'MenuCtrl'
      }
    }
  })
  .state('tab.dash.firstPage', {
    url: '/firstPage',
    views: {
      'side-menu': {
        templateUrl: 'templates/firstPage.html',
        controller: 'MyCtrl'
      }
    }
  })
$urlRouterProvider.otherwise('/tab/dash/firstPage');//跳转到首页

Kandungan dalam menu.html ialah templat menu.html dalam projek menu sisi asal, dan kemudian hanya tukar nama paparan menuKandungan kepada menu sisi.