Угловая 2, не может соответствовать никаким маршрутам

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> 

Что здесь происходит? По моему мнению, он должен делать то же самое.

UPDATE

Я получил его, чтобы соответствовать моему маршруту, заменив тело функции с этим (веб-отчетом является родительским компонентом текущего компонента, а также компонент билетов списка):

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

Однако это вызывает неприятную перезагрузку страницы.

Answer 1

Если вы относительной навигации вам нужно добавить relativeTo

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

https://angular.io/docs/ts/latest/guide/router.html