Angular 8 新选项卡中的路由组件

Question

我有一个 Angular 组件调用报告，我想通过单击主页上的 link 按钮在新选项卡中打开它。目前它可以在同一页面中正常打开，但必须按浏览器上的后退箭头才能返回。 target='_blank' 在带有 URL 的 window.open 的情况下有效，但在 Component 的情况下无法弄清楚。请告知是否可以在 Angular 8

的新标签页中打开它

html

  <div class="col-md-6">
    <button class="m-1 btn btn-link" (click)="CallReports()" type="button">
      Call Flows
    </button>
  </div>

组件

  public CallReports() {
    this._router.navigate(['callreports']);
  }

Answer 1

我认为如果您简单地使用 html link 并将 URL 设置为路由页面，这应该可行。像这样：

<a href="www.yourpage.com/#/routed-page" target='_blank'>Click here</a>

Answer 2

试试这个

window.open('callreports');

Answer 3

将您的 CallReports 更新为：

  public CallReports() {
     const url = this._router.serializeUrl(
     this._router.createUrlTree(['/callreports']));

      window.open('#' + url, '_blank');
  }

Angular 8 新选项卡中的路由组件

Angular 8 routing component in new tab

angular2-routing

angular