私のAngular Jsアプリケーションで '動的に' ui-routerを使用して経路を設定する方法

Question

私はメインビューとサブミーンビューを持っています。サブメニューでは、いくつかのサブビューがありますが、これらは動的にロードされると想定されています。つまり、Round1、Round2、Round3 ....動的値から来ています。5ラウンドまたは4または3があります。 ？

angular 
     .module('myApp', ['ngResource', 'ngRoute', 'ui.router']) 
     .config(function($stateProvider, $urlRouterProvider) { 
      $stateProvider 
       .state('main', { 
        url: '/main', 
        templateUrl: 'views/mainView.html', 
        controller: 'mainCtrl' 
       }) 
       .state('main.submain', { 
        url: '/sub_main', 
        templateUrl: 'views/subMainView.html', 
        controller: 'subMainCtrl' 
       }) 
       .state('main.submain.Round1', { 
        url: '/Round_One', 
        templateUrl: 'views/subView.html', 
       }) 
       .state('main.submain.Round2', { 
        url: '/Round_Two', 
        templateUrl: 'views/subView.html' 
       }) 
       .state('main.submain.Round3', { 
        url: '/Round_Three', 
        templateUrl: 'views/subView.html' 
       }) 
       .state('main.submain.Round4', { 
        url: '/Round_Four', 
        templateUrl: 'views/subView.html' 
       }) 
       .state('main.submain.Round5', { 
        url: '/Overall_Feedback', 
        templateUrl: 'views/Round5View.html' 
       }) 
      $urlRouterProvider.otherwise('/login'); 
     }); 

Answer 1

このStack overflow questionを参照してください。このように$ stateproviderを動的に$ stateproviderに追加することができます