candeactivate 与子路由不工作

Question

我的路由如下：

{
  path: "home",
  children: [{
    path: "dashboard",
    children: [{
      path: "user",
      canDeactivate: [CanWeDeactivateThis]
    }]
  }]
}

路由中定义了组件，上面只是一个简单的快照。 当我添加时我将组件设为 null 可以在用户路径中停用，但如果我将它添加到仪表板路径中，它运行良好。 添加仪表板对我不起作用，因为我在仪表板上有多个孩子，如果用户也导航到他们，我需要显示确认。

不知道如何解决这个问题。

角度版本是6.1.0

我关注了this thread，但没有任何帮助。

有人可以帮忙吗？

顺便说一句，上面的路由定义是延迟加载的角度模块的一部分。

Answer 1

{
  path: "home",
  children: [{
    path: "dashboard",
    children: [{
      path: "user",
      component : "user",
      canDeactivate: [CanWeDeactivateThis]
    }]
  }]
}

您应该为孩子添加组件名称。如果您想对所有孩子应用 canDeactivate 方法，也可以尝试以下代码。

{
      path: "home",
      children: [{
        path: "dashboard",
        canDeactivate: [CanWeDeactivateThis],
        children: [{
          path: "user",
          component : "user"          
        }]
      }]
    }

If the feature module is loaded asynchronously, the CanLoad guard is checked before the module is loaded. If any guard returns false, pending guards that have not completed will be canceled, and the entire navigation is canceled. 所以检查你是否还有任何 CanLoad 保护。