UI路由器保留意見

我試圖設計由順序加載網頁的部分一個SPA的順序，UI路由器保留意見

var main = {name : 'main', 
    url : "", 
    abstract : true, 
    views :{ 
    'header' : {//main template}, 
    'content' : {//main template}, 
    'footer' :{//main template} 
}};

但是，當我讓所謂的「single_post」另一種狀態就像

single_post = {name : 'single_post', 
    url : "/sp", 
    views : { 
    'content' : { 
    templateUrl : "some template" } 
    }  
}; 

$stateProvider.state(main); 
$stateProvider.state(single_post);

它加載主後加載single_post模板！我應該怎麼做才能保持頁面中視圖的順序？

XHR requests

來源

2017-04-15 Shiro Yasha

你能更清楚地回答你的問題嗎？ –

我想顯示不同的狀態，他們幾乎都有相同的意見，但我想改變每個國家的中間視圖（內容）。 –

這些都不是很清楚....請花時間閱讀[問]。然後[編輯問題]（http://stackoverflow.com/posts/43428051/edit）用正確的詳細問題描述 – charlietfl

您可以使用resolve，這將不會加載你的頁面，直到一切寫在解決負載，例如：

$stateProvider.state('users.profile', { 
    url: '/:id', 
    templateUrl: 'views/users.profile.html', 
    controller: 'UsersController', 
    resolve: { 
    user: function() { 
     //function code 
    }, 
    tasks: function() { 
     //function code 
    } 
    } 
});

在此，該頁面將不會加載，直到用戶和任務功能被執行。

另一種選擇是使用事件監聽器只在成功轉換狀態時調用控制器功能。您可以在此加載外殼頁面並填充控制器何時返回數據。

來源

2017-04-15 16:28:58

UI路由器保留意見

回答

相關問題