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

Question

我有一个 Angular 组件 callreports，我想通过单击主页上的链接按钮在新选项卡中打开它。 目前它可以在同一页面中正常打开，但必须按浏览器上的后退箭头才能返回。 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

我认为如果您只是使用将 URL 设置为路由页面的 html 链接，这应该可以工作。像这样：

<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');
  }