2016-12-30 12 views
6

मैं बाल मार्गों के बीच नेविगेट करने में सक्षम नहीं प्रतीत होता।बाल मार्गों के बीच नेविगेटिंग कोणीय 2

रूटर अवलोकन:

path: 'parent', component: parentComponent, 
     children: [ 
      { path: '', redirectTo: 'child1', pathMatch: 'full' }, 
      { path: 'child1', component: child1Component }, 
      { path: 'child2', component: child2Component }, 
      { path: 'new/:type', component: child3Component }, 

      { path: '**', component: PageNotFoundComponent } 
     ] 

मैं child1 घटक तो जैसे नए/प्रकार मार्ग पर नेविगेट करने की कोशिश कर रहा हूँ: किसी भी मार्गों से मेल नहीं कर सकते हैं:

this._router.navigate(['new', objType], { relativeTo: this._route }); 

लेकिन मैं प्राप्त करने में त्रुटि रखना । यूआरएल सेगमेंट: 'नई/संपत्ति'।

यदि मैं मैन्युअल रूप से यूआरएल डालता हूं तो यह ठीक काम करता है।

सहायता की बहुत सराहना की जाएगी, धन्यवाद!

उत्तर

11

आप ../

this._router.navigate(['../new', objType], { relativeTo: this._route }); 
+0

यह काम करता है, धन्यवाद! कारण मुझे इतनी सारी समस्याएं थीं क्योंकि मैं सेवा में नेविगेट ऑपरेशन का उपयोग कर रहा था, न कि घटक स्वयं। –

+1

मैं देखता हूं। रिश्तेदार के लिए एक सेवा के अंदर जाने के लिए मार्ग बहुत आसान नहीं है। –

3

उपयोग कर सकते हैं जब आप relativeTo उपयोग करना और फिर नेविगेट करने के लिए आप ही नहीं, माता-पिता के दृष्टिकोण से पूरे एक रिश्तेदार रास्ते में रखना चाहिए की कोशिश करो। अपने उदाहरण में इसे और अधिक की तरह होना चाहिए:

this._router.navigate([ '../', objType ], { relativeTo: this._route }); 
4
this.router.navigate(['../../new'], { relativeTo: this._route }) 

या

this.router.navigate(['/parent/new']) 

या एंकर टैग के साथ:

<a [routerLink]=" ['../../new'] "> 
     Go to new 
</a> 

या:

<a [routerLink]=" ['/parent/new'] "> 
     Go to new 
</a> 
+0

'/' के साथ दूसरी शुरुआत नहीं होनी चाहिए। भले ही इसे सापेक्ष पथ के रूप में माना जाने वाला 'रिश्तेदार' की आवश्यकता हो, फिर भी मैं इसे अधिक स्पष्ट बनाने के लिए पथ को '/' के साथ उपसर्ग कर दूंगा। –

+1

@ गुंटर ज़ोचबॉयर, यह बिना/साथ काम करता है, लेकिन अधिक स्पष्ट होने के लिए, मैंने स्लैश जोड़ा – Milad

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