AngularJs $stateProvider 链表循环追加实现参数化

最新推荐文章于 2024-07-22 20:42:27 发布

原创最新推荐文章于 2024-07-22 20:42:27 发布 · 509 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#乔乐共享 #纵观千象 #每天进步一点点 #学习永无止境 #angularjs

angularjs 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个强大的AngularJS路由库——ui-router的使用方法。通过示例展示了如何定义单级及多级状态，以及如何进行参数化配置。适用于希望深入了解ui-router特性的开发者。

Lib： https://github.com/angular-ui/ui-router

使用实例：

// Some state name examples

// stateName can be a single top-level name (must be unique).
$stateProvider.state("home", {});

// Or it can be a nested state name. This state is a child of the 
// above "home" state.
$stateProvider.state("home.newest", {});

// Nest states as deeply as needed.
$stateProvider.state("home.newest.abc.xyz.inception", {});

// state() returns $stateProvider, so you can chain state declarations.
$stateProvider
  .state("home", {})
  .state("about", {})
  .state("contacts", {});

参数化配置：

var urls = ['news-1' ,'news-2', 'news-3'];

      angular.forEach(urls, function(v) {
        $stateProvider
          .state(v, {
            url: '/' + v,
            views: {
              'aboutBody': { templateUrl: templateBasePath + v }
            }
          });
      });