Angularjs ui-router使用心得

By | 2014 年 11 月 17 日

最新,团队们在使用Angularjs制作一个全新的网站。偶看负责制作的部分是网站管理后台的导航页面。

在路由方面,我们使用Angularjs ui-router,而没有使用Angularjs原生的ng-router,因为Angularjs ui-router功能更强大。

目前第一阶段使用了Angularjs ui-router的一些很基础的功能——state和sub state,例如:

[php]
.config(
[ ‘$stateProvider’, ‘$urlRouterProvider’,
function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise(‘/’);
$stateProvider
.state(‘index’, {
url: ‘/’,
templateUrl: ‘views/admin/index.html’
})
.state(‘index.welcome’, {
url: "/welcome",
templateUrl: "views/admin/index/welcome.html",
})

}]);
[/php]

在views的html代码为

[html]
<div class="row wrap">
<div class="col-md-2 sidebar">
<ul>
<li><a ui-sref=".welcome">新手上路</a></li>
</ul>
</div>
<div class="col-md-10 main">
<div ui-view></div>
</div>
</div>
[/html]

偶看是第一次使用Angularjs进行网站制作,还有很多需要学习的。

2 thoughts on “Angularjs ui-router使用心得

发表评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据