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');
              };
}