離子嵌套路線控制器/模板從未調用

Question

我試圖實現一個簡單的離子嵌套路由。

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

EventsCtrl被調用且模板顯示出來。但是，當我導航到事件創建路由時，地址欄中的地址正確更改，但控制器EventCreateCtrl不會被調用，模板也不會顯示，而是仍顯示舊頁面。

Answer 1

如果你可以添加你的控制器和模板代碼，這將是有幫助的。但是，有一個問題可能是您的event_overview/event_overview.html中沒有​​。

由於您overview.event-create狀態是你overview狀態的孩子，UI路由器將試圖找到把你event_overview/event_create.html的event_overview.html內模板的地方。

查看該鏈接頁面的Nested States & Views部分。請注意，contacts.html包括<ui-view> div，以便子女contacts.list的狀態生效。

希望有所幫助！