如何编写router.navigate方法以从angular6中的子模块导航到父模块

Question

我能够从父模块导航到子模块，就像我想从子模块导航回到父模块一样。通过仅使用typescript router.navigate方法。

从html视图中可以浏览，但不适用于打字稿文件。

例如

  

this.router.navigate['../../',value1];

Answer 1

您可以在路由模块和对象调用数据中添加并传递所需的路由，例如

path: 'users',
    loadChildren: 'some/route/here/here.module#HereModule',
    data: { title: 'title view', urlParent: 'parentRoute' },

在@ angular / router中将子组件与ActivateRoute一起使用之后（不要忘记在构造函数中注入ActivateRoute的依赖项）

this.urlParent = this.activatedRoute.snapshot.data.urlParent;

您可以使用您的this.router.navigate[`${this.urlParent}`]