2015-12-02 3 views
0

Я пытаюсь реализовать простой вложенный маршрут в ионной форме.ионные вложенные маршруты контроллер/шаблоны никогда не называются

.config(['$stateProvider', function($stateProvider) { 
    $stateProvider 
    .state('overview', { 
     url: '/overview', 
     templateUrl: 'event_overview/event_overview.html', 
     controller: 'EventsCtrl' 
    }) 
    .state('overview.event-create', { 
     url: '/event-create', 
     templateUrl: 'event_overview/event_create.html', 
     controller: 'EventCreateCtrl' 
    }); 
}]) 

EventCtrl вызывается и отображается шаблон. Но когда я перехожу к маршруту создания события, адрес в адресной строке изменяется правильно, но контроллер EventCreateCtrl не будет вызываться, и шаблон также не отображается, вместо этого старая страница все еще отображается.

ответ

0

Было бы полезно, если бы вы могли добавить свой контроллер и код шаблона. Однако одна проблема может заключаться в том, что у вас нет <ion-view></ion-view> в вашем event_overview/event_overview.html.

С вашего overview.event-create состояния ребенка вашего overview состояния, пользовательский интерфейс-маршрутизатор будет пытаться найти место, чтобы положить ваш event_overview/event_create.htmlв event_overview.html шаблон.

Проверьте, есть ли раздел Nested States & Views на этой странице. Обратите внимание, как contacts.html включает в себя: <ui-view> div для ребенка contacts.list Состояние, в котором проживает.

Надеюсь, что это поможет!

+0

Я думаю, что неправильно использовал вложенные состояния .. ich подумал, что было бы правильно поставить событие-создать «под» обзор событий ... но я думаю, что лучше поставить на том же уровне – Andre

+0

Я слышал, что я. .. Мне потребовалось некоторое время, чтобы обернуть голову вокруг «ui-router», но он очень мощный, как только вы поймете тонкости. – JackCollins

Смежные вопросы