有角度的新选项卡导航

Question

我创建了两个组件和一个服务，它们都在使用。我希望默认情况下呈现一个组件，并从该组件中创建一个链接，该链接将在新选项卡上打开另一个组件而不更改url(无路由(。

one.component.html<ng模板#one>

This is the default component and contains the link to open another component in a seperate tab but with same url.
<a (click)="openNewTab()"></a>

one.component.ts

// xyz code
window.open('/', '_blank').focus()

two.component.html

<ng-template #two>
This should be opened in a seperate tab 
</ng-template>

Answer 1

您必须将第二个组件的完整URL路径传递到CCD_ 1方法。

• 当前您只传递一个/，这意味着它不会重定向到第二个组件的特定路径
• 尝试这样更改URL，window.open('localhost:4000/secondURL', '_blank').focus()

其中secondURL是第二个组件的URL。