कोणीय 2 @ कोणीय/राउटर 3.0.0-alpha.3 - मार्ग बदलते समय मार्ग का नाम या पथ कैसे प्राप्त करें

Question

जब मैं मार्ग बदलता हूं तो मैं अपने app.component में वर्तमान मार्ग का नाम या मार्ग पथ प्राप्त करने का प्रयास कर रहा हूं मैं एक रैपर div के चारों ओर एक पृष्ठ वर्ग के रूप में मार्ग नाम का उपयोग कर सकते हैं। मैं इसे संभालने का सबसे अच्छा तरीका जानने की कोशिश कर रहा हूं। पहले मैं राउटर परिवर्तन संपत्ति की सदस्यता ले रहा था जैसा कि मैंने नीचे सूचीबद्ध किया है, लेकिन ऐसा लगता है कि यह अब @ कोणीय/राउटर 3.0.0-अल्फा 3 के साथ उपलब्ध नहीं है। अगर किसी के पास कोई विचार या सुझाव है तो मैं सबसे ज्यादा आभारी हूं। https://angular.io/docs/ts/latest/guide/router.html

Answer 1

यह शायद करने में मदद मिलेगी,

import { CanActivate, Router, RouterStateSnapshot } from '@angular/router'; 

@Component({ 
    selector: 'my-component', 
    templateUrl: 'my-component.html' 
}) 
export class MyComponent implements CanActivate { 
    constructor(private router: Router) {} 

    canActivate(state: RouterStateSnapshot) { 
    // this is the future route you are intended to visit 
    console.log(state.url); 
    } 
} 

अधिक जानकारी वर्तमान में दस्तावेज एक है, लेकिन यूआरएल ActivatedRoute मेरे लिए फायरिंग नहीं है पर नमूदार जब मैं छोड़कर पहला है बेस यूआरएल को दबाएं (उदा:/इंडेक्स से/इंडेक्स/आइटम काम करने के लिए जा रहा है, लेकिन/इंडेक्स/आइटम से इंडेक्स/आइटम/2, इंडेक्स/डैशबोर्ड, या यहां तक ​​कि इंडेक्स भी नहीं है)।

मुझे यकीन है कि अगर निम्न समाधान सबसे अच्छा अभ्यास है नहीं कर रहा हूँ और न ही क्या प्रदर्शन निहितार्थ हैं, लेकिन मैं निम्नलिखित के साथ रूटर के NavigationEnd घटना पर सक्रिय मार्ग प्राप्त करने में सक्षम था:

import { Component, OnInit, OnDestroy } from '@angular/core'; 
import { ROUTER_DIRECTIVES, Router, NavigationEnd } from '@angular/router'; 

@Component({ 
    selector: 'navbar', 
    directives: [ROUTER_DIRECTIVES], 
    template: ` 
       ... 
       `  
}) 

export class NavBarComponent implements OnInit, OnDestroy { 
    private sub: any; 

    constructor(private router: Router) { 
    } 

    ngOnInit() { 
     this.sub = this.router.events.subscribe(e => { 
      if (e instanceof NavigationEnd) { 
       console.log(e.url); 
      } 
     }); 
    } 


    ngOnDestroy() { 
     this.sub.unsubscribe(); 
    } 
} 

यह हर बार जब आप मार्ग बदलते हैं, तो यह आग लगती है कि आप यूआरएल पेड़ में कितने गहरे हैं या आप कहां से नेविगेट करते हैं।

Answer 2

स्टीव के जवाब में

this.router.changes.subscribe((val) => { 
    var path = this._location.path(); 
    if (path.indexOf('page-name') !== -1) { 
    this.pageClass = 'page-name'; 
    } 
})