Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript、路由器和辅助插座重定向Angular2应用程序_Javascript_Angular_Angular2 Routing - Fatal编程技术网

如何使用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组件。