Angular - 将目标添加到路由器导航

Question

我想要做的是在另一个选项卡或弹出窗口中打开路由器导航的目标。 我的指示是这样的:

private router: Router;
this.router.navigate(['/page', id]);

在路由中我有:

 const routes: Routes = [
{
    path: '',
    component: LayoutComponent,
    children: [
        { path: 'page', loadChildren: './page/page.module#PageModule' }
    ]
}
];

我想在另一个选项卡或弹出窗口中打开此链接。 我能做什么？

<小时/>

这是page.ts的代码

@Component({
 selector: 'app-etichetta',
 templateUrl: './page.component.html',
 styleUrls: ['./page.component.scss'],
 animations: [routerTransition()]
})
export class PageComponent implements OnInit {


 constructor(private router: Router,
    private route: ActivatedRoute,
    public appService: AppService) {
 }


 ngOnInit() {

 }
}

这是 html:

<div [@routerTransition]>
  <br>
  <div class="row">

  </div>
</div>

Answer 1

要手动重定向，您应该首先使用 createUrlTree 方法创建一个要重定向的 URL，然后再重定向。

const url = this.router.createUrlTree(['/page', id])
window.open(url.toString(), '_blank')

<小时/>

声明式导航应该可以工作。

<a target="_blank" [routerLink]="['/page', id]">
  Link
</a>