Angular 路由器导航导致信息消失

因此，我在一个页面上有一个

，显示“用户”、他们的全名、状态和更改状态的按钮

我有三个按钮：“接受”、“拒绝”和“不明确”。每个按钮都有如下功能：

onAcceptUser(user: UserModel) {
    const data = Utils.cloneObject(user, UserModel);

    data.status = UserStatusEnum.Accept;

    this.userService.userStatusUpdate(data).subscribe(c => {
      user.status = data.status
    });
}

单击一行时，将显示相应用户的信息（显示在表另一侧的同一页上），为此，我使用

router.navigate（）

（路由器已插入）

问题：

当我更改用户的状态时，可能会发生两件事

一切都会按计划进行

一切都将按计划进行，但有关用户的所有信息都将在视觉上消失

当出现第二个选项时，我会感到模糊：

• 如果我随后选择了另一个用户，将显示最后一个选择的用户，并且我得到一个错误：

• 同样的情况也会发生，当我只选择，然后取消选择行，然后我选择另一行

我不知道发生了什么，其他一些回答说路由有问题，但我认为在我的情况下，这是好的：

{
    path: 'user-list/:listid',
    component: ViewUserListComponent,
    children: [
      {
        path: 'user/:id',
        component: UserViewEditComponent
      }
    ]
 }

问题:

为什么会发生这种错误

---

我能做什么

您介意添加html让我查看整个图片吗？

您可能会问，是什么解决了我的问题

---

我将

（onRowUnselect）

事件添加到

，在那里我清除了Url参数，然后瞧

您是否确实在

ViewUserListComponent

的模板中添加了

？@pindev。

{
    path: 'user-list/:listid',
    component: ViewUserListComponent,
    children: [
      {
        path: 'user/:id',
        component: UserViewEditComponent
      }
    ]
 }