角度路由器不呈现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）。但是router.nabigateByUrl方法在控制台中返回true（参见图4），那么为什么要直接渲染它呢？

Datatable, button to route in red

Unwanted result after click

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

The navigatebyUrl, however return true???