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>

结束.