如何使用路由器和辅助插座使用javascript重定向Angular2应用程序

Question

我有这个链接

<a [routerLink]="['/path1', { outlets: { 'scope': ['scope1'] } }]" routerLinkActive="active">link</a>

我想在我附加到我的组件的javascript脚本中重新创建单击它的操作。我该怎么办？

Answer 1

您可以在链接上单击时添加事件，然后将此事件绑定到组件中的方法，该方法将使用DI中的路由器实例进行导航。

示例（没有参数，只是操作）：

模板：

<a (click)="navigate()">link</a>

组件：

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

...

constructor(private router: Router) { }

navigate() {
   this.router.navigate(['/path1']);
}

N.B：根据您的@angular/router版本，语法可能会有所改变，请确保您使用的是最新版本。