2017-03-01 17 views
8

इसलिए मुझे किसी भी तरह की जांच की ज़रूरत है कि मैं होम पेज पर हूं और कुछ करता हूं और अन्य पृष्ठों में ऐसा नहीं करता है। यह भी कि सभी पृष्ठों पर घटक आयात किया गया।कोणीय 2 वर्तमान मार्ग प्राप्त करें

यदि मैं होम पेज पर हूं तो मैं उस घटक पर कैसे जा सकता हूं ???

धन्यवाद

+1

संभावित डुप्लिकेट [वर्तमान मार्ग प्राप्त करने के लिए कैसे] (http://stackoverflow.com/questions/34597835/how-to-get-current-route) – Adam

उत्तर

22

इस प्रयास करें,

import { Router } from '@angular/router'; 
export class MyComponent implements OnInit { 

    constructor(private router:Router) { ... } 

    ngOnInit() { 
     let currentUrl = this.router.url; /// this will give you current url 

     // your logic to know if its my home page. 
    } 

} 
+0

धन्यवाद मैं करता हूँ कि: डी –

+10

इस सिवाय इसके कि हमेशा यूआरएल के रूप में '/' दिखाता है ... यानी यह वर्तमान पृष्ठ नहीं दिखा रहा है, केवल साइट की रूट –

+0

मेरे लिए सही तरीके से काम करता है। जब मैं होमकंपेंट में हूं तो यह प्रदर्शित/घर है। – anonym

-2
import { RouterStateSnapshot } from '@angular/router'; 

constructor(private state: RouterStateSnapshot) { 
    console.log("Current Url Path", state); 
} 
+4

में मार्ग कैसे प्राप्त करें इसका उत्तर दें, जबकि यह स्निपेट प्रश्न का उत्तर दे सकता है, कुछ स्पष्टीकरण निश्चित रूप से इसे बेहतर करेगा। –

+2

4.4.4 में, [RouterStateSnapshot] (https://github.com/angular/angular/blob/4.4.4/packages/router/src/router_state.ts#L314-L350) एक इंजेक्शन सेवा नहीं है। –

17

प्रयास करें यह

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

@Component({...}) 

export class MyComponent { 

    constructor(private router:Router) { 

    router.events.subscribe(event => { 

     if (event instanceof NavigationEnd) { 
     console.log("current url",event.url); // event.url has current url 
     // your code will goes here 
     } 
    }); 
    } 
} 
+0

// आपके कोड इच्छा यहाँ हो जाता है (event.url === '/') { this.showComponent = झूठी; } अन्य { यह .showComponent = true; } –

0

देशी खिड़की वस्तु से इनमें से किसी भी प्रयास करें।

console.log('URL:' + window.location.href); 
console.log('Path:' + window.location.pathname); 
console.log('Host:' + window.location.host); 
console.log('Hostname:' + window.location.hostname); 
console.log('Origin:' + window.location.origin); 
console.log('Port:' + window.location.port); 
console.log('Search String:' + window.location.search); 
की
संबंधित मुद्दे