कोणीय 2 राउटर।

Question

मैं मार्ग और क्वेरी पैरामीटर के मिश्रण के साथ कोणीय 2 में एक मार्ग पर नेविगेट करने की कोशिश कर रहा हूं।

{ path: ':foo/:bar/:baz/page', component: AComponent } 

तो जैसी सरणी का उपयोग कर से जोड़ने के लिए प्रयास कर रहा है:

this.router.navigate(['foo-content', 'bar-contents', 'baz-content', 'page'], this.params.queryParams) 

मैं किसी भी त्रुटि नहीं मिल रहा है

यहाँ एक उदाहरण मार्ग जहां मार्ग पथ का अंतिम हिस्सा होता है और जो मैं समझ सकता हूं उससे काम करना चाहिए।

कोणीय 2 डॉक्स (इस समय) एक उदाहरण के रूप में निम्नलिखित है:

{ path: 'hero/:id', component: HeroDetailComponent } 

['/hero', hero.id] // { 15 } 

किसी को भी देख सकते हैं, जहां मैं गलत जा रहा हूँ? मैं राउटर पर हूं 3.

Answer 1

यदि पहला सेगमेंट / से शुरू नहीं होता है तो यह एक सापेक्ष मार्ग है।

this.router.navigate(['/foo-content', 'bar-contents', 'baz-content', 'page'], this.params.queryParams) 

या आप पारित relativeTo

this.router.navigate(['../foo-content', 'bar-contents', 'baz-content', 'page'], {queryParams: this.params.queryParams, relativeTo: this.currentActivatedRoute}) 

भी देखें

• https://github.com/angular/angular.io/blob/c61d8195f3b63c3e03bf2a3c12ef2596796c741d/public/docs/_examples/router/ts/app/crisis-center/crisis-detail.component.1.ts#L108
: router.navigate या तो आप मार्ग पूर्ण बनाने के सापेक्ष नेविगेशन

के लिए एक relativeTo पैरामीटर की जरूरत है

• https://github.com/angular/angular/issues/9476

Answer 2

import { ActivatedRoute } from '@angular/router'; 
 

 
export class ClassName { 
 
    
 
    private router = ActivatedRoute; 
 

 
    constructor(r: ActivatedRoute) { 
 
     this.router =r; 
 
    } 
 

 
onSuccess() { 
 
    this.router.navigate(['/user_invitation'], 
 
     {queryParams: {email: loginEmail, code: userCode}}); 
 
} 
 

 
} 
 

 

 
Get this values: 
 
--------------- 
 

 
ngOnInit() { 
 
    this.route 
 
     .queryParams 
 
     .subscribe(params => { 
 
      let code = params['code']; 
 
      let userEmail = params['email']; 
 
     }); 
 
}

रेफरी: - https://angular.io/docs/ts/latest/api/router/index/NavigationExtras-interface.html