Angular2、无法匹配任何路由

Question

我正在尝试用按钮标签替换锚标签以导航到另一条路线。结果，我有一个在单击时调用的函数，它看起来像这样：

submitReport (simpleOrDetailed : string) {
        this.router.navigate(['../ticket-list', simpleOrDetailed]);
}

我曾经像这样将它嵌入到 HTML 中，并且运行良好：

<a class="btn btn-danger" [routerLink]="['../ticket-list', 'simple']" routerLinkActive="active"> Simple Report</a>

这是怎么回事？根据我的理解，它应该做完全相同的事情。

更新

我通过用这个替换函数的主体使其与我的路线相匹配（web-report是current组件的父组件，也是ticket-list组件）：

this.router.navigate(['web-report/ticket-list', simpleOrDetailed]);

但是，这会导致令人不愉快的页面重新加载。

Answer 1

如果你做相对导航你需要添加relativeTo

this.router.navigate([crisis.id], { relativeTo: this.route });

Angular 2, cannot match any routes