2013-05-29 11 views
13

इम काम कर मेरी नेस्टेड मार्ग प्राप्त करने की कोशिश, लेकिन यह मुझे अब दो दिनों के लिए कठिन समय दे रही है :(तीन कोणीय-ui रूटर में स्तर नेस्ट मार्गों

एक स्तर ठीक

दो स्तरों से काम करता है ठीक काम करता है

तीन स्तरों अग्रिम

में काम नहीं कर रहा है!

किसी को भी मेरी मदद बाहर कृपया कर सकते हैं?

धन्यवाद

angular.module('settings', []).config(['$stateProvider', '$routeProvider', '$urlRouterProvider', function($stateProvider, $routeProvider, $urlRouterProvider) { 
    $stateProvider 
     .state('settings', { 
      url: '/settings', 
      template:"Settings", 
      controller: function(){ 
       console.log('settings'); 
      } 
     }). 
     state('settings.branch', { 
      url: '/{branchId:[0-9]{1,8}}', 
      template:"Branch", 
      controller: function(){ 
       console.log('branch'); 
      } 
     }). 
     state('settings.branch.prop', { 
      url: '/prop', 
      template:"Property", 
      controller: function(){ 
       console.log('property'); 
      } 
     }); 
}]); 

'/ सेटिंग्स'

काम कर रहा है '/ सेटिंग्स/1234'

'/ सेटिंग्स/1234/प्रोप' काम नहीं कर रहा काम कर रहा है, हमेशा prevues राज्य 'शाखा'

वापसी
+0

क्या आपके पास jsfiddle/plunker है? – Ven

+0

+1 पहेली/प्लंकर की आवश्यकता पर +1। यूरोउटर निर्भरता कहां है? var myapp = angular.module ('myapp', ["ui.router"]) ????? – scalaGirl

उत्तर

12

मुझे लगता है कि आपने शाखा टेम्पलेट

1

में एक यूई-व्यू घोषित नहीं किया था। मुझे एक ही समस्या थी। settings.branch.prop के लिए, करने के लिए url सेट करने का प्रयास:

url: '/{branchId:[0-9]{1,8}}/prop' 
0

हम एक ऐसी ही समस्या मिला है। बस एक समाधान (नहीं बहुत सुंदर सोचा)

तो हम

/b2c/applicationShow --> applicationShowController (b2c.applicationShow) with an /:id 

/b2c/applicationShow/9238490392084/details --> detailsController (b2c.applicationShow.details) 

/b2c/applicationShow/9238490392084/details/someApp --> someAppController (b2c.applicationShow.details.someApp) 

/b2c/applicationShow/9238490392084/details/someApp/someTab --> this has no controller, only declare the previous one as parent. 

तो /बी 2 सी/applicationShow/9238490392084/विवरण/someApp/someTab करने से/बी 2 सी/applicationShow आगे हमने किया है (वहाँ पाया एक सारणी है जो सभी ऐप सूचीबद्ध करती है, और एक विशेष लिंक पर आपको सभी तरह लाने के लिए एक लिंक पर क्लिक करें)

हम उन्हें एक-एक करके अग्रेषित करते हैं।

$state.go(b2c.applicationShow , {id: 9238490392084}) 

फिर detailsController

$state.go(b2c.applicationShow.details.someApp); 
someAppController

$stage.go(b2c.applicationShow.details.someApp, {tab: someTab}); 

मूल रूप से राज्य मशीन पिछले पथ पर ले जाएगा में

तब में, संलग्न तो जारी है। खैर, जैसे मैंने कहा, यह सुंदर नहीं था लेकिन काम पूरा हो गया। आशा करता हूँ की ये काम करेगा।

0

, इसलिए जैसे शाखा विचारों सामग्री के आसपास विशेषता ui-दृश्य के साथ एक div लपेटकर प्रयास करें

<div ui-view> 
    branch content goes here ..... 
    ...... 

</div> 

मेरे लिए चाल किया!

संबंधित मुद्दे