加載導航角度ui路由器中的導航視圖

我試圖保持我的index.html文件乾淨，並抽出導航以及部分，我加載在那裏。我想指定我nav.html文件應該每個頁面加載和有這樣的事情：加載導航角度ui路由器中的導航視圖

的index.html

... 
<body ng-app="myApp"> 
    <div ui-view="views/nav.html"></div> 
    <div ui-view=""></div> 
</body> 
...

app.js

... 
    .config(function ($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/'); 

    $stateProvider 
     .state('main', { 
     url: '/', 
     templateUrl: 'views/main.html', 
     controller:'MainCtrl' 
     }) 

     .state('about', { 
     url: '/about', 
     templateUrl: 'views/about.html', 
     controller:'AboutCtrl' 
     }); 
    });

這當然似乎沒有工作，但我相信有一種方法可以做到，而且似乎無法找到答案。任何人都可以啓發我嗎？使用Angular 1.3.0 & ui-router 0.2.13 - 新的角度，將不勝感激任何幫助！

來源

2015-03-19 theartofbeing

了些研究後，有一種方法來UI路由器和抽象的狀態出內這樣做。也許有人可以將此標記爲重複並鏈接到此問題：Angular ui router multiple named views for all states

來源

2015-03-20 04:33:13 theartofbeing

如果你只是想在每一頁的導航欄，您應使用此代碼

<body ng-app="myApp"> 
    <div ng-include="'views/nav.html'"></div> 
    <div ui-view=""></div> 
</body>

來源

2015-03-19 03:40:42 nnc1311

這就是我一直在尋找的....謝謝！ – theartofbeing 2015-03-19 03:47:27

加載導航角度ui路由器中的導航視圖

回答

相關問題