时间戳

首页 > 解决方案 > 无法在另一个组件内调用路由器出口组件

javascript - 无法在另一个组件内调用路由器出口组件

问题描述

我正在尝试使用路由器插座调用另一个组件，但每次它都会在下面引发错误：

Error: Cannot match any routes. URL Segment: 'print'

我这样设置路由路径app-routing.module.ts：

{
    path: 'print',
    outlet: 'print',
    component: PrintLayoutComponent  
}

这是my app.component.html

<router-outlet></router-outlet>
<router-outlet name="print"></router-outlet>

我print outlet在另一个组件中这样调用：

this.router.navigate(['/',
  { outlets: {
    'print': ['print']
  }}]);

为什么会发生此错误？我怎样才能解决这个问题？

谢谢

标签： javascriptangular

解决方案

你可以试试router.navigate([{outlets: {primary: 'print' ,print: 'print'}}]);或router.navigate([{outlets: {primary: '/' ,print: 'print'}}]);

推荐阅读