Organize long list of routes

[quanghoc]

I am using angular-ui-router https://github.com/angular-ui/ui-router for route management now. However, my $stateProvider is very long with 50 - 100 routes:

$stateProvider
    .state('state1', {
      url: "/state1",
      templateUrl: "partials/state1.html"
    })
    .state('state1.list', {
      url: "/list",
      templateUrl: "partials/state1.list.html",
      controller: function($scope) {
        $scope.items = ["A", "List", "Of", "Items"];
      }
    })
    .state('state2', {
      url: "/state2",
      templateUrl: "partials/state2.html"
    })
    .state('state2.list', {
      url: "/list",
        templateUrl: "partials/state2.list.html",
        controller: function($scope) {
          $scope.things = ["A", "Set", "Of", "Things"];
        }
      })
    })
    .state('add', {
      url: "/add",
      parent:"state2",
      templateUrl: "partials/add2.html"
    })
    .state('state3', {
      url: "/state2",
      templateUrl: "partials/state3.html"
    })
    .state('list', {
      url: "/list",
      parent:"state3",
      templateUrl: "partials/list3.html"
    })
.......

What is the best way to organize this? Is there a way to put everything in a nested JSON?

[ProLoser]

My recommendation: https://github.com/ProLoser/angularjs-orm

Please close if you feel this suffice's

[quanghoc]

I am not sure if this is the answer. Can you elaborate?

[ProLoser]

Checkout the code organization. You will find that in this repo, I've distributed the states across multiple .config() calls, each one located in it's own respective module. The entire project (and related slides and talk) are about project structure which is essentially what you're asking.

If you're saying that you'd rather use some sort of JSON file though, you could create an iterator or lazy-load the routes.

[quanghoc]

Oh I see your point. Basically split out into modules instead of a single big app.config

Let me test around some more

Close for now

[lucassus]

Here you could find my proposal #1051 (comment)