加载导航角度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路由器中的导航视图

回答

相关问题