Как перемещаться в угловом2 на новую вкладку

Question

Есть ли параметр для предоставления маршрутизатору, чтобы router.navigate() откроется в новой вкладке/окне в браузере?

Answer 1

Создание маршрутов точно так же, как указано here.

Настройка вашего app-routing.module.ts (или просто положить его в app.module.ts), поместите <router-link> в вашем app.component.html.

Теперь, чтобы открыть новое окно с главной страницы (или любых других подпунктов, которые вы создали), просто вызовите функцию, обрабатываемую в основном компоненте, которая укажет на URL-адрес маршрута субкомпонента, который вы устанавливаете для нового окна.

Пример snippits:

приложение-routing.ts

import { NgModule } from '@angular/core'; 
import { RouterModule, Routes } from '@angular/router'; 

import { MainComponent } from './main/main.component'; // main window 
import { JclInfoComponent } from './jcl-info/jcl-info.component'; // new window/tab 

const appRoutes: Routes = [ 
    { path: '', component: MainComponent }, // main route 
    { path: 'openJcl', component: JclInfoComponent } // new window route 
]; 

@NgModule({ 
    imports: [ 
     RouterModule.forRoot(appRoutes) 
    ], 
    exports: [ 
     RouterModule 
    ] 
}) 
export class AppRoutingModule {} 

app.component.html

<router-outlet> 
    <!-- Just showing you that you can put things inside this. --> 
    <template ngbModalContainer></template> 
</router-outlet> 

main.component.html

<button (click)="testMe()">myLabel</button> 

main.component.ts

public testMe() { 
    window.open("openJcl"); 
}