加载导航角度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 - 新的角度,将不胜感激任何帮助!
答
了些研究后,有一种方法来UI路由器和抽象的状态出内这样做。也许有人可以将此标记为重复并链接到此问题:Angular ui router multiple named views for all states
答
如果你只是想在每一页的导航栏,您应使用此代码
<body ng-app="myApp">
<div ng-include="'views/nav.html'"></div>
<div ui-view=""></div>
</body>
这就是我一直在寻找的....谢谢! – theartofbeing 2015-03-19 03:47:27