没有运行控制器

Question

试图让下面的URL结构工作UI路由器子视图：

/page/ 
/page/article 
/page/article/third-level-1 
/page/article/third-level-2 

我用尽后续的，但它并不在所有渲染文章视图。页面视图渲染罚款：

<section ui-view></section> 

$stateProvider 
    .state('index', { 
    external: true, 
    url: '/' 
    }) 
    .state('page', { 
    url: '/page', 
    controller: Controller, 
    controllerAs: 'ctrl', 
    templateUrl: '/static/views/page/page.html', 
    }) 
    .state('page.article', { 
    url: '/article/', 
    controller: Controller, 
    controllerAs: 'ctrl', 
    templateUrl: '/static/views/page/page-article.html' 
    }); 

然后我尝试一切在阳光下，并设法得到第二视图与以下渲染，但是控制器犯规运行在文章的观点：

<section ui-view="app"></section> 

$stateProvider 
    .state('index', { 
    external: true, 
    url: '/' 
    }) 
    .state('page', { 
    url: '/page', 
    views: { 
     'app': { 
     controller: Controller, 
     controllerAs: 'ctrl', 
     templateUrl: '/static/views/page/page.html', 
     } 
    } 
    }) 
    .state('page.article', { 
    url: '/article/', 
    views: { 
     'app@': { 
     controller: Controller, 
     controllerAs: 'ctrl', 
     templateUrl: '/static/views/page/page-article.html', 
     } 
    } 
    }); 

如何获取子视图来呈现并使用/ a控制器？甚至没有下到第三级。

Answer 1

应该是这个。

.state('page.article', { 
url: '/page/article/', 
views: { 
    'app@': { 
    controller: Controller, 
    controllerAs: 'ctrl', 
    templateUrl: '/static/views/page/page-article.html', 
    } 
}