Angularjs ui-router使用心得

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

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

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

.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",
                })

}]);

在views的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>

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