angle.js - ionic의 사이드 메뉴와 탭을 결합하는 라우팅을 설정하는 방법은 무엇입니까?

Question

아이오닉 기본 탭 템플릿을 사용하고 있는데 사이드 메뉴 기능을 추가해야 하는데 라우팅 설정 시 어떻게 설정해야 할지 모르겠어서 탭 아래에 적어야 할까요?

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

하지만 이것이 홈 페이지로 이동할 때마다 제목만 표시되고 콘텐츠 영역 번호 줄이 홈 페이지에 가려지기 때문에 새 템플릿인 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'
      }
    }
  })

근데 애니메이션 전환 효과가 없는 이유가 뭔가요?

Answer 1

중첩된 하위 경로를 추가하는 것으로 충분합니다.

으아악

menu.html의 콘텐츠는 원본 사이드 메뉴 프로젝트의 menu.html 템플릿이며, 보기 이름인 menuContent를 사이드 메뉴로 변경하면 됩니다.