Angular 公共模块如何跳转到其他子级路由

Angular的公共模块可以使用Router模块中的navigate方法来实现跳转到其他子级路由。具体的方法是在公共模块中引入Router模块，然后在代码中使用下面的语句进行导航：

this.router.navigate(['/子级路由名称']);

这样就可以实现从公共模块跳转到其他子级路由了。

相关问题

Angular 路由添加子级路由

在 Angular 中，可以通过添加子级路由来实现嵌套路由。以下是添加子级路由的步骤：

1. 在父级路由的定义中，添加一个 `children` 数组。

const routes: Routes = [
  {
    path: 'parent',
    component: ParentComponent,
    children: [
      {
        path: 'child',
        component: ChildComponent
      },
      // 添加更多子级路由
    ]
  },
  // 添加更多路由
];

2. 在子级路由的定义中，指定子级路由的路径和对应的组件。

{
  path: 'child',
  component: ChildComponent
}

3. 在父级组件的模板中，添加一个 `router-outlet` 元素，用于显示子级路由的组件。

<router-outlet></router-outlet>

4. 使用父级路由的路径和子级路由的路径组合成完整的路由路径，即可访问子级路由。

<a routerLink="/parent/child">Go to child route</a>

注意：子级路由的路径是相对于父级路由的路径而言的。在上面的例子中，子级路由的完整路径是 `/parent/child`。如果父级路由的路径是 `/parent/:id`，那么子级路由的完整路径就是 `/parent/:id/child`。

angular跳转路由

Angular中跳转路由可以通过定义路由出口和注入两个服务实现。其中，Router服务提供导航和操纵URL的能力，ActivatedRoute服务则用于获取当前路由的信息。在进行路由跳转时，可以使用Router的navigate方法，该方法返回一个Promise，值为boolean类型，表示是否跳转成功。例如，可以通过以下代码实现路由跳转：

constructor(public router: Router, public activeRoute: ActivatedRoute) { }
toComponentB() {
  this.router.navigate(['component-b'], { relativeTo: this.activeRoute }).then(r => console.log(r))
}

其中，toComponentB方法用于跳转到名为component-b的组件，relativeTo选项用于指定相对路径。如果路由跳转成功，控制台会输出true，否则输出false。