2017-05-11 90 views
0

試圖讓下面的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: { 
     '[email protected]': { 
     controller: Controller, 
     controllerAs: 'ctrl', 
     templateUrl: '/static/views/page/page-article.html', 
     } 
    } 
    }); 

如何獲取子視圖來呈現並使用/ a控制器?甚至沒有下到第三級。

回答

0

應該是這個。

.state('page.article', { 
url: '/page/article/', 
views: { 
    '[email protected]': { 
    controller: Controller, 
    controllerAs: 'ctrl', 
    templateUrl: '/static/views/page/page-article.html', 
    } 
}