在控制台Angular2中获取正确路径时出错

时间:2017-02-26 16:46:53

标签: angular url angular2-routing console.log

我正在尝试将当前路由打印到控制台日志我尝试使用路由器的url属性打印路由。它仅显示/作为路线,即使原始路线为/profile。我尝试将整个Router对象打印到控制台,在那里我可以看到如下所示的url字段:url:(...)。当我点击(...)时,oroginal路径显示为url:"\profile"(...)在悬停时显示“invoke property getter”。以下是将控制台打印到url的代码。我在角度2.4.0上。

  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();  
      }

  }

1 个答案:

答案 0 :(得分:0)

你试过这个解决方案。

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

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

检查这些示例here(检查浏览器控制台以查看结果)