2017-02-26 4 views
1

콘솔 로그에 현재 경로를 인쇄하려고합니다. 라우터의 url 속성을 사용하여 경로를 인쇄하려고했습니다. 원래 경로가 /profile인데도 /만을 표시합니다. 콘솔에 전체 라우터 객체를 인쇄 해 보았습니다. URL 필드는 다음과 같이 표시됩니다 : url:(...). (...)을 클릭하면 직교 경로는 url:"\profile"과 같이 표시됩니다. (...)은 호버에 "invoke property getter"를 표시합니다. 다음은 console에 url을 인쇄하는 코드입니다. 2.4.0 각도입니다.콘솔 Angular2에서 올바른 경로를 가져 오는 중 오류가 발생했습니다.

import { Component, AfterViewInit } from '@angular/core'; 
    import {SignupService} from '../../services/signup.service'; 
    import {Auth} from '../../services/auth.service'; 
    import {AppRoutingModule} from '../../routes/app.routing'; 
    import {Router} from '@angular/router'; 
    declare var $: any; 


    @Component({ 
    moduleId:module.id, 
    selector: 'navbar', 
    templateUrl: 'navbar.component.html', 
    styleUrls: ['../../assets/css/navbar.css'], 
    }) 
    export class NavbarComponent { 
    constructor(private auth: Auth, private router:Router){ 
     console.log(this.router.url); 
    }; 
    ngAfterViewInit() { 
     $(".button-collapse").sideNav(); 
     } 

    } 
+0

도움을주세요 (체크 브라우저 콘솔은 결과를 볼 수 있습니다). 고마워요 –

답변

0

이 솔루션을 사용해 보셨습니까?

import {Location} from '@angular/common'; 

constructor(locationStrategy: LocationStrategy) { 
    console.log(locationStrategy); 
} 

확인이 예 here

+0

그것도 작동했습니다. @ IsuruAb. –

+0

그런데 router.url이 작동하지 않는 이유는 무엇입니까 ?? –

+0

아는대로 구성 요소와 관련된 경로를 보여줍니다. – IsuruAb