如何在Angular 6中的新Chrome窗口中打开组件？

Question

我正在使用角度6。我想在单击链接时在新的chrome窗口中打开一个组件。

Answer 1

您要做的是，有一个指向新组件的链接（路由），例如

http://localhost:4200/new-component

然后从ts文件中导航到这样的新窗口，

onClick(){
    window.open("http://localhost:4200/new-component", "_blank");
}

Answer 2

我建议您通过使用设置为_blank的target属性从HTML进行操作：

<a target="_blank" [routerLink]="['/something',data]">

Answer 3

如果要在新标签中打开路线，则可以使用window.open()

<a (click)="goTo("http://localhost:4200/example-component")">page link</a>

goTo(url: string){
 window.open(url, "_blank");
}

最好将路由应用到您的应用程序。按照link学习路线和导航。