2014-11-25 5 views
1

2 페이지를 만들었습니다. 하나는 페이스 북으로 로그인하고 다른 하나는 슬라이더로 로그인했습니다. 슬라이더에는 단추가 있습니다. 버튼을 누르면 새 페이지로 이동합니다.이온으로 새 페이지 추가하기

.config(function($stateProvider, $urlRouterProvider){ 
    $stateProvider 
     .state('root', { 
      url: '', 
      controller: 'rootCtrl', 
      data: { 
       authenticate: false 
      } 
     }) 
     .state('home', { 
      url: '/home', 
      templateUrl: 'home.html', 
      controller: 'homeCtrl', 
      data: { 
       authenticate: true 
      } 
     }) 
     .state('login', { 
      url: '/login', 
      templateUrl: 'login.html', 
      controller: 'loginCtrl', 
      data: { 
       authenticate: false 
      } 
     }) 
     .state('balldrop', { 
      url: '/balldrop', 
      templateUrl: 'balldrop.html', 
      controller: 'ballCtrl', 
      data: { 
       authenticate: true 
      } 
     }) 
    ; 

    // Send to login if the URL was not found 
    $urlRouterProvider.otherwise('/login'); 
}) 
여기

입니다 ballDrop.html :

<body ng-controller="ballCtrl"> 

    <ion-view> 
    <img src="img/present.png"> 
    <img src="img/past.png"> 
    <img src="img/future.png">  
    </ion-view> 

</body> 

하지만 balldrop 새로운 라우터를 추가 할 때, 이온 라이브 서버가 빈 페이지를 표시
다음은 상태입니다. 오류는 어디에 있습니까?

+0

'ballCtrl' 컨트롤러를 만들었습니까? 어떤 오류가 브라우저 콘솔을 던지고 있습니까? –

+0

현재 어떤 페이지에 있는지 확실하지 않습니다. 기본 페이지는 login.html이지만 여기에 표시된 내용은 ballDrop.html입니다. 크롬 디버거에서 불평은 무엇입니까? – vdj4y

+0

더 나은 이해를 위해 대신에 큰 소리를내어주십시오 –

답변

0

Chrome 개발자 도구 콘솔에서 오류를 확인하십시오. 무엇이 빠졌는지를 알려줍니다.

관련 문제