如何使用angular 2组件中的路由器打开新的浏览器选项卡？

在Angular 2中，可以使用路由器来打开新的浏览器选项卡。以下是使用Angular 2组件中的路由器打开新的浏览器选项卡的步骤：

1. 首先，确保已经安装了Angular的路由器模块。可以通过运行以下命令来安装它：

npm install @angular/router

1. 在组件文件中导入所需的模块和服务：

import { Router } from '@angular/router';

1. 在组件的构造函数中注入路由器服务：

constructor(private router: Router) { }

1. 创建一个方法来处理打开新选项卡的逻辑。在该方法中，使用router.createUrlTree方法创建一个URL树，并将其传递给window.open方法来打开新的浏览器选项卡：

openNewTab() {
  const urlTree = this.router.createUrlTree(['/path-to-route']);
  const url = this.router.serializeUrl(urlTree);
  window.open(url, '_blank');
}

在上面的代码中，'/path-to-route'应替换为您要打开的路由路径。

1. 在组件的模板中添加一个按钮或链接，并将其与openNewTab方法关联：

<button (click)="openNewTab()">打开新选项卡</button>

现在，当用户点击该按钮时，将会打开一个新的浏览器选项卡，并导航到指定的路由路径。

请注意，这只是使用Angular 2组件中的路由器打开新的浏览器选项卡的一种方法。根据您的具体需求和应用程序的结构，可能会有其他实现方式。