Javascript 如何在Angular2中检测路径

Javascript 如何在Angular2中检测路径,javascript,html,angular,typescript,Javascript,Html,Angular,Typescript,我试着做一些像这样的事情: 测试 但它不起作用 如何在Angular2中实现这一点 谢谢。窗口。您可以在该位置获取信息 对于绝对路径,您可以这样做: constructor(location:Location) { console.log(location.prepareExternalUrl(location.path())); } 请尝试以下解决方案: location: any; constructor(private _router: Router) { _rout

我试着做一些像这样的事情:

测试
但它不起作用

如何在Angular2中实现这一点


谢谢。

窗口。您可以在该位置获取信息

对于绝对路径,您可以这样做:

constructor(location:Location) {
  console.log(location.prepareExternalUrl(location.path()));
}

请尝试以下解决方案:

location: any;
constructor(private _router: Router) { 
      _router.events.subscribe((data:any) => { this.location = data.url; });
}
数据是一个对象,我们需要该对象中包含的url属性

<span id="page-locator" *ngIf="location == '/overview'">test</span>
测试

看起来您正在尝试使用角度路由器的路径,对吗?如果是这样,您可以将
路由器
服务注入到您的组件中,并在您的视图中使用该服务:

import { Router } from '@angular/router';

export class SomeComponent {
    constructor(public router: Router) { }
}
然后,在组件模板中,您可以通过以下方式访问当前路由器url:

<span id="page-locator" *ngIf="router.url === '/overview'">test</span>
测试

如果您正在查找当前页面,请查看此链接:HI'm trust make if work with ngIf。。但是谢谢。您可以在该场景中使用
*ngIf=“router.url.indexOf('/overview')>=0”
来确定url是否也包含路由。如何。。。我忘了indexOf()了吗。。。谢谢你,伙计!
<span id="page-locator" *ngIf="router.url === '/overview'">test</span>