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

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

要手动重定向，您应该首先创建一个URL，该URL使用createUrlTreemethod 进行重定向，然后重定向。

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

声明式导航也可以。

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

Answer 2

Angular 不支持导航到新选项卡，您可以使用 window.open 来执行此操作

window.open(url, '_blank');