Question

我在模块SampleModule中有以下路由器嵌套

const routes: Routes = [
  {
    path: 'samples',
    component: SampleListComponent,
    children: [
      {
        path: ':id',
        component: SampleDetailsComponent,
        children: [
         {
        ...

然后在我的应用程序组件中，我有下一个定义：

<div class="container">
  <div class="row">
    <div class="col-2">
      <dashboard></dashboard>
    </div>
    <div class="col-10">
      <router-outlet></router-outlet>
    </div>
  </div>
</div>

在我的仪表板中，有一些菜单项，它们使用路由器链接导航到特定的模块路由器（例如/ samples）

URL是根目录/示例，继续到根目录/示例/ 3 ...

一切正常，并且正确显示了该模块中的组件。

问题是当我尝试提供一些文档页面时，这些页面分为主题，不同的URL前缀...

因此，导航时我想要的URL是：

root / modules-documentation / samples ...

如果我导航到文档组件中的示例模块，它将再次导航到root，并且我的文档组件丢失。是否可以以某种方式包装该模块而不更改模块中的任何内容？

Answer 1

我设法解决了这个问题。

DocumentationModule

SELECT cl.countrycode, c.name, c.continent, cl.language
FROM country c
JOIN countrylanguage cl ON cl.countrycode = c.code
WHERE Percentage = ANY (SELECT MAX(Percentage) FROM countrylanguage GROUP BY countrycode)

SAMPLE_ROUTES：

    const routes: Routes = [
  {
    path: 'documentation-modules', component: LandingPageComponent,
    children: [
      ...SAMPLE_ROUTES
    ]
  },
];

带URL前缀的Angular模块（路由）

1 个答案: