在控制台 Angular2 中获取正确的路线时出错
Error getting the correct route in console Angular2
我正在尝试将当前路由打印到控制台日志 我尝试使用路由器的 url 属性 打印路由。它只显示 /
作为路线,即使原始路线是 /profile
。我尝试将整个 Router 对象打印到控制台,在那里我可以看到 url 字段显示如下:url:(...)
。当我单击 (...)
时,原始路径显示为 url:"\profile"
。 (...)
在 hover.The 上显示 "invoke property getter" 以下是在 angular 2.4.0.[=17= 上将 url 打印到 console.I 的代码]
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();
}
}
你试过这个解决方案吗
import {Location} from '@angular/common';
constructor(locationStrategy: LocationStrategy) {
console.log(locationStrategy);
}
检查这些示例here(检查浏览器控制台以查看结果)
我正在尝试将当前路由打印到控制台日志 我尝试使用路由器的 url 属性 打印路由。它只显示 /
作为路线,即使原始路线是 /profile
。我尝试将整个 Router 对象打印到控制台,在那里我可以看到 url 字段显示如下:url:(...)
。当我单击 (...)
时,原始路径显示为 url:"\profile"
。 (...)
在 hover.The 上显示 "invoke property getter" 以下是在 angular 2.4.0.[=17= 上将 url 打印到 console.I 的代码]
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();
}
}
你试过这个解决方案吗
import {Location} from '@angular/common';
constructor(locationStrategy: LocationStrategy) {
console.log(locationStrategy);
}
检查这些示例here(检查浏览器控制台以查看结果)