Angular6中打開新的窗口

需求：

   Angular6的環境下，在一個頁面中有一個<a>標籤，點擊鏈接後，需要跳轉到新的頁面（注意新的頁面是在瀏覽器的新窗口中打開）。

方案：

   使用angular 的路由功能，使用 routerLink 屬性處理。

具體過程：

1、新建一個組件，作爲跳轉界面的內容：

ng g c childpage

2、在新的childpage.component.html 模板文件中寫自己需要展現的內容。

3、開啓angular的路由功能，並在路由文件(app-routing.module.ts)中添加自己需要跳轉界面的路由

import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {Router, RouterModule, Routes} from '@angular/router';
import {LoginComponent} from '../manager/demo/ChildPage.component';


const routes: Routes = [
  
  {path: 'childPage', component: ChildPageComponent},

];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule {
  constructor(public router: Router) {
  }
}

 4、然後在當前的界面（即跳轉前的界面）中設置<a>標籤

<a routerLink="/childPage" target="_blank">跳轉到新頁面</a>

結束.