कोणीय यूई राउटर राज्य - एक ही टेम्पलेट और नियंत्रक के साथ कई राज्य

Question

मेरे पास कोणीय यूई राउटर राज्य प्रदाता का उपयोग करके मेरे कोणीय ऐप में नीचे बताए गए राज्य हैं। और, मैं एक ही विन्यास के साथ कई राज्यों को परिभाषित करना चाहता हूं यानी। एक ही टेम्पलेट और नियंत्रक के साथ।

$stateProvider 
     .state('parent', { 
      templateUrl: 'parent.html', 
      abstract: true, 
      parent: 'apm' 
     }) 
     .state('parent.list', { 
      abstract: true, 
      url: '/list', 
      templateUrl: 'list.html', 
      controller: 'ListCtrl' 
     }) 

     .state('parent.list.closed', { 
     url: '/q', 
     templateUrl: 'closed.html' 
     }) 

     .state('parent.list.details', { // would like to have same template, controller on different state parent.details without list 
      url: '/:id/:name', 
      abstract: true, 
      templateUrl: 'details.html', 
      controller: 'DetailsCtrl', 
      resolve: { 
       ..... 
       ..... 
      } 
     }) 
     .state('parent.list.details.data', { // would like to have same template, controller on different state parent.details.data without list 
      url: '/details', 
      views : { 
      'view1' : { 
       templateUrl : 'view1.html' 
      }, 
      'view2' : { 
       templateUrl : 'view2.html', 
       controller : 'View2Ctrl' 
      }, 
      'view3' : { 
       templateUrl : 'view3.html' 
      }, 
      'view4' : { 
       templateUrl : 'view4.html' 
      } 
      } 
     }) 

यह

.state(['parent.list.details', 'parent.details'], { 
      url: '/:id/:name', 
      abstract: true, 
      templateUrl: 'details.html', 
      controller: 'DetailsCtrl', 
      resolve: { 
       ..... 
       ..... 
      } 
     }) 

कोई मदद या सुझाव की तरह कुछ करने के लिए संभव है?

Answer 1

प्रत्येक राज्य को अपनी .state() विधि में परिभाषित करने की आवश्यकता है। आप ऊपर सूचीबद्ध तरीके से इसे करने की कोशिश कर रहे कई समस्याओं में भाग लेंगे। सबसे महत्वपूर्ण रूप से यूआरएल होगा।

आप बस कर सकते हैं: कोड अर्थों में सघन नहीं है

.state('parent.list', { 
     url: '/list', 
     abstract: true, 
     templateUrl: 'details.html', 
     controller: 'DetailsCtrl', 
     resolve: { 
      ..... 
      ..... 
     } 
    .state('parent.list.details', { 
     url: '/:id/:name', 
     abstract: true, 
     templateUrl: 'details.html', 
     controller: 'DetailsCtrl', 
     resolve: { 
      ..... 
      ..... 
     } 
    }) 

जबकि या कुशल आप नियंत्रक और प्रत्येक राज्य पर आंशिक प्रयुक्त घोषित करने के लिए है, यह आवश्यक है क्योंकि प्रत्येक राज्य की अपनी जरूरत .state() विधि

Answer 2

मैं एक ही चाहता था और इस तरह से इसे बनाया:

//add a new Function to the object $stateProvider 
       $stateProvider.states = (statesArr, obj) => { 

        for (var i in statesArr) { 
         var state = statesArr[i]; 

         $stateProvider.state(state, obj); 
        } 

        return $stateProvider; 
       }; 


//use the new function 
       $stateProvider 

       .states(["main", "main.test"], { 
        url: '/main', 
        templateUrl: 'modules/ViewContainer.html', 
        controllerAs: 'currentCtrl', 
        controller: 'MainCtrl' 
       })