离子嵌套路由控制器/模板从未调用

Question

我尝试在 ionic 中实现一个简单的嵌套路由。

.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 中没有<ion-view></ion-view>。

由于您的 overview.event-create 状态是您的 overview 状态的子状态，因此 ui-router 将尝试找到将您的 event_overview/event_create.html 放入 event_overview.html 模板的位置。

查看该链接页面的Nested States & Views 部分。请注意contacts.html 是如何包含一个<ui-view> div 以供子contacts.list 居住的状态。

希望有帮助！