AngularJS - Dynamic $StateProvider

Question

I am eagerly trying to create a dyanmic $StateProvider:

Standard static $StateProvider:

    $stateProvider
      .state(\'main\         


        

Answer 1

I think you're calling $stateProvider.state(...) incorrectly, it takes a state ID and then the configuration object.

Assuming your name properties are valid and unique you should just be able to do this (or adjust it as needed):

angular.forEach(states, function(state) {
    $stateProvider.state(state.name, state);
});