javascript - 如何使用 javascript、使用路由器和辅助 socket 重定向 Angular2 应用程序

Question

我有这个链接

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

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

Answer 1

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

示例(没有参数，只有操作):

模板:

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

组件:

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

...

constructor(private router: Router) { }

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

注意:语法可能会根据您的 @angular/router 版本而有所变化，请确保您使用的是最新版本。