新选项卡上的 Angular 6 routerLink

Question

我正在尝试在新选项卡上而不是在当前页面上打开一个路由器链接，但是像 target _blank 这样的常规 html 属性不起作用。

<span routerLink="/custompage/{{city.id}}"  class="badge badge-primary badge-pill">open</span>

Answer 1

这是在组件内执行的另一种方法。

openCityInNewWindow(city) {
  // Converts the route into a string that can be used 
  // with the window.open() function
  const url = this.router.serializeUrl(
    this.router.createUrlTree([`/custompage/${city.id}`])
  );

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

Html 看起来像

<ul *ngFor="let city of cities">
  <li (click)="openCityInNewWindow(city.id)">{{city.name}}</li>
</ul>