如何使用javascript、路由器和辅助插座重定向Angular2应用程序
我有这个链接如何使用javascript、路由器和辅助插座重定向Angular2应用程序,javascript,angular,angular2-routing,Javascript,Angular,Angular2 Routing,我有这个链接 链接 我想在附加到组件的javascript脚本中重新创建单击它的动作。如何操作?您可以在单击链接时添加事件,然后将此事件绑定到组件中的方法,该方法将使用DI中的路由器实例进行导航 示例(无参数,仅操作): 模板: <a (click)="navigate()">link</a> import { Router } from '@angular/router'; ... constructor(private router: Router) { }
链接
我想在附加到组件的javascript脚本中重新创建单击它的动作。如何操作?您可以在单击链接时添加事件,然后将此事件绑定到组件中的方法,该方法将使用DI中的路由器实例进行导航 示例(无参数,仅操作): 模板:
<a (click)="navigate()">link</a>
import { Router } from '@angular/router';
...
constructor(private router: Router) { }
navigate() {
this.router.navigate(['/path1']);
}
注意:语法可能会根据您的
@angular/router
版本有所变化,请确保您使用的是最新版本。您可以在单击链接时添加事件,然后将此事件绑定到组件中的方法,该方法将使用DI中的路由器实例进行导航
示例(无参数,仅操作):
模板:
<a (click)="navigate()">link</a>
import { Router } from '@angular/router';
...
constructor(private router: Router) { }
navigate() {
this.router.navigate(['/path1']);
}
注意:根据您的
@angular/router
版本,语法可能会有所变化,请确保您使用的是最新版本。您是否使用javascript作为angular语言?@AlexN。不,我用的是打字脚本。我正在将一个javascript脚本附加到我的angular组件。您是否使用javascript作为angular语言?@AlexN。不,我用的是打字脚本。我正在将一个javascript脚本附加到我的angular组件。