代码之家 › 专栏 › 技术社区 › Perrier

带子程序和导航条的角度模块

angular-routing typescript angular

3

Perrier · 技术社区 · 7 年前

我有一个分为以下模块的应用程序:

/app
    /core
    /admin
    /authentication
    /wst

管理员是一个带有侧栏的复杂模块,身份验证只是一个登录屏幕。我只想在管理模块处于活动状态时加载侧栏,而不想在app.component.html中包含*ngIf。

如何使这样的配置正常工作? stackblitz that shows my problem .

如果我将路由器出口添加到app.component.html,例如/登录路由就可以工作好的
如果我在/admin中尝试相同的方法,则不会显示任何结果。

1 回复 | 直到 7 年前

1

2

Hongzhi WANG 7 年前

如果您希望在AdminComponent中使用ProfileComponent,AdminModule的路由应类似于:

const routes: Routes = [
  {
    path: '', component: AdminComponent,
    children: [
      { path: 'profile', component: ProfileComponent }
    ]
  },
]

还有一些构建错误需要首先修复:

导入AdminRoutingModule而不是AdminModule中的RoutingModule。
ProfileComponent应该在AdminModule中声明或导入。

然后 /admin/profile 应显示带有菜单和配置文件的AdminComponent。如果你想的话 /admin