Question

我在应用程序中有一个应用程序组件和一个提供程序模块。我想根据这个提供者模块配置路由。

我尝试在 app-routing.module.ts（主应用路由文件）两者：

const routes: Routes = [
{
    path: '',
    children: [
      {
        path: 'provider',
        loadChildren: () => import('./provider/provider.module').then(m => m.ProviderModule)
      }
    ]
}
];

或

const routes: Routes = [
{
    path: 'provider',
    loadChildren: () => import('./provider/provider.module').then(m => m.ProviderModule)
} 
];

在 provider-routing.module.ts 我有：

const routes: Routes = [
{
  path: 'rr',
  component: RComponent,
  data: {
    title: 'R',
    status: true
  }
}
];

RComponent 只包含一些虚拟文本。问题是 localhost/provider 路由打开了默认页面，而 localhost/provider/rr 未被识别为路由。任何人都可以帮助我使此代码正常工作吗？谢谢。

Answer 1

您需要在您的 ProviderModule 中导入 PorivderRouting。现在，Angular 将识别第二条路线。

如何从模块获取 Angular 路由？

1 个答案: