कोणीय 2 वर्तमान मार्ग के उपनाम

Question

प्राप्त करें, मैं वर्तमान मार्ग के पथ जैसे//, /,/location.path() के साथ समाचार प्राप्त करने में सक्षम हूं। लेकिन इसके बजाय मैं इसके उपनाम कैसे प्राप्त कर सकता हूं ('मार्ग की परिभाषा में' भाग ')?

{ path: '/about', as: 'About', component: About } 

क्या यह संभव है?

Answer 1

इसे प्राप्त करने का एक तरीका नहीं देख सकते, लेकिन एक विकल्प RouteData उपयोग करने के लिए मार्ग

https://angular.io/docs/ts/latest/api/router/RouteData-class.html

Answer 2

आप स्थान उपयोग नहीं करना चाहिए की उर्फ ​​पारित करने के लिए, बजाय आप रूटर उदाहरण का उपयोग करना चाहिए है।

अपने घटक में, के साथ निर्माता में यह इंजेक्षन:

constructor(public router: Router) 

से

, आप के साथ घटक के नाम प्राप्त कर सकते हैं:

this.router.currentInstruction.component.routeName 

मुझे यकीन है कि कैसे आप रूटर से रूप प्राप्त नहीं कर रहा हूँ config। लेकिन RouterLink निर्देश सही जगह के साथ शुरू करने के लिए किया जाना चाहिए: https://angular.io/docs/ts/latest/api/router/RouterLink-directive.html

Answer 3

आप संभव उपनाम की सूची पता है तो यह वर्तमान उर्फ ​​के नाम router.generate और route.isActiveRoute के संयोजन का उपयोग पता लगाने के लिए संभव है:

के लिए उदाहरण के लिए, मेरे पास तीन चरणों के साथ एक जादूगर है। मैं एक सरणी में कदम उपनाम की एक सूची है:

const alias = this.wizardAliases 
    .map(alias => ({ alias, navigationInstruction: this.router.generate([alias]) })) 
    .filter(x => this.router.isRouteActive(x.navigationInstruction)) 
    .map(x => x.alias); 

if (alias.length === 1) { 
    console.log(`alias is ${alias}`); 
} 

अस्वीकरण::

private wizardAliases = [ 
    'wizardStep1', 
    'wizardStep2', 
    'wizardStep3' 
]; 

मैं तो निम्न कोड वर्तमान उर्फ ​​नाम का निर्धारण करने के लिए उपयोग मैं अगर यह काम करता है देखने के लिए प्रयास नहीं किया है मार्ग पैरामीटर के साथ।

Answer 4

नोट: निम्नलिखित 2.0 बीटा श्रृंखला के साथ परीक्षण किया गया है। आरसी संस्करणों में ब्रेकिंग परिवर्तनों के साथ एक अद्यतन राउटर घटक है। पुराने का नाम बदलकर router-deprecated कर दिया गया है। यह अभी तक नए राउटर के खिलाफ परीक्षण नहीं किया गया है।

निम्नलिखित आपके सक्रिय मार्ग के आधार पर Foo या Bar प्रिंट करेगा।

@Component({ 
    selector: 'app', 
    templateUrl: 'app/app.html', 
    directives: [ROUTER_DIRECTIVES] 
}) 
@RouteConfig([ 
    {path:'/', name: 'Foo', component: FooComponent, useAsDefault: true}, 
    {path:'/bar', name: 'Bar', component: BarComponent, useAsDefault: false}, 
]) 
export class AppComponent implements OnInit { 
    constructor(private _router: Router) { 
    } 

    ngOnInit() { 
     console.log('current route name', 
        this._router.currentInstruction.component.routeName); 
    } 
} 

Answer 5

> = Angular2 RC.x के लिए (नया रूटर)

कोई उपनाम नई रूटर में अब कर रहे हैं।

आप स्थानीय घटक

routerOnActivate(curr:RouteSegment, prev?:RouteSegment, currTree?:RouteTree, prevTree?:RouteTree):void { 
    console.log(curr.stringifiedUrlSegments); 
    } 

या पूर्ण पथ

constructor(private router:Router) {} 

    routerOnActivate(curr:RouteSegment, prev?:RouteSegment, currTree?:RouteTree, prevTree?:RouteTree):void { 
    console.log(this.router.serializeUrl(tree)); 
    } 

या

constructor(router:Router, private location:Location) { 
    router.changes.subscribe(() => { 
    console.log(this.location.path()); 
    }); 
}