javascript - 如何检测Angular2中的路径

Question

我正在尝试制作类似此处的内容:AngularJS show div based on url/condition

<span id="page-locator" *ngIf="location.path() == '/overview'">test</span>

但它不起作用。

我如何在 Angular2 中实现这一点？

谢谢。

Answer 1

看起来您正在尝试使用 Angular 路由器的路径，对吗？如果是这样，您可以将 Router 服务注入(inject)您的组件并在您的 View 中使用它:

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

export class SomeComponent {
    constructor(public router: Router) { }
}

然后在您的组件模板中，您可以通过以下方式访问当前路由器 url:

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