angularjs - 使用 ui 路由器时在应用程序配置中设置动态状态

Question

我在 Angular 应用程序中使用 ui 路由器，我想通过返回 json 格式的状态列表的调用操作从服务器获取 ui 路由器的状态，然后在 stateProvider 中设置状态列表项，我如何以及在哪里执行此操作，此代码是在 app.Config 中配置状态:

var list = ?????// how can get state list here?

var populateStates = function () {

    angular.forEach(list, function(item) {
       $stateProvider.state(item);
    };
};

populateStates(); 

Answer 1

简单示例:

var list = [['home', {
            url: '/',
            templateUrl: '/views/index',
            controller: 'HomeCtrl'
          }],
          ['about', {
            url: '/about',
            templateUrl: '/views/about',
            controller: 'AboutCtrl'
          }]];

var populateStates = function () {
    angular.forEach(list, function(item) {
       $stateProvider.state(item[0], item[1]);
    };
};