angle.js - ionic의 사이드 메뉴와 탭을 결합하는 라우팅을 설정하는 방법은 무엇입니까?
过去多啦不再A梦
过去多啦不再A梦 2017-05-15 17:02:10
0
1
545

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

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

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

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

모든 응답(1)
習慣沉默

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

으아악

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

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿