2014-11-25 4 views
1

Я создал 2 страницы, один для входа в систему с facebook и еще один для слайдера. И в слайдере у меня есть кнопка. Когда эта кнопка нажата, я хочу, чтобы она переходила на новую страницу.
Вот состояния:Добавление новой страницы в ионной

.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 dev. Дает представление о том, чего не хватает.