angluarjs dynamic states example

controller.js

angular.module('MetronicApp').controller('LvsGroupsController', function($model, $scope, localStorageService, $rootScope, $http, $timeout, runtimeStates, $state) {
runtimeStates.addState('lvs', {
    name: 'lvs',
    url: '/lvs',
    data: {pageTitle: 'Lvs中心'},
    templateUrl: '/static/views/lvs/main.html',
    resolve: {
        deps: ['$ocLazyLoad', function($ocLazyLoad) {
            return $ocLazyLoad.load({
                name: 'MetronicApp',
                insertBefore: '#ng_load_plugins_bebore',
                files: ['/static/js/lvs/workflow.js']
            });
        }]
    }
});  
runtimeStates.addState('lvs.group', {
    name: 'lvs.group',
    url: '/group',
    data: {pageTitle: 'Lvs中心.group'},
    templateUrl: '/static/views/lvs/workflow.html',
    resolve: {
        deps: ['$ocLazyLoad', function($ocLazyLoad) {
            return $ocLazyLoad.load({
                name: 'MetronicApp',
                insertBefore: '#ng_load_plugins_bebore',
                files: ['/static/js/lvs/workflow.js']
            });
        }]
    }
});
$scope.new = function() {
              $state.go('lvs.group');
              };
}

main.js

MetronicApp.provider('runtimeStates', function runtimeStates($stateProvider) {
  // runtime dependencies for the service can be injected here, at the provider.$get() function.
  this.$get = function($q, $timeout, $state) { // for example
    return {
      addState: function(name, state) {
        $stateProvider.state(name, state);
      }
    };
  };
});