Angular路由器不直接转到Component？

Question

我创建了一个数据表（见图1），其中一列有一个按钮。此按钮可更改应用程序的路径并导航到详细信息组件（请参阅下面的代码和URL）。

goToDetailOfWearable(wearable: ResultWearable) {
console.log(wearable);
this.resultService.sendResultWearableToService(wearable).then(
  () => {
    this.languageService.languageSelectAvailable.next(true);
    this.router.navigateByUrl('Home/ProcessCategory/Processes/Activities/Result/Details').then(
      (x) => console.log(x)
    );
  }
);

}

但是这个按钮不会路由，只需清除数据表（参见图2）。但是如果我向后导航并直接使用浏览器（因此请返回数据表，然后使用浏览器转发到详细信息组件）。它现在正确地路由到正确的路线（见图3）。

Datatable Component, with button in red

Result of button click

Correct route, accessed by navigating back and forth with the browser(red square)

Updated the button method