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

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

angular-routing typescript angular

Perrier · 技术社区 · 6 年前

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

/app
    /core
    /admin
    /authentication
    /wst

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

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

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

1 回复 | 直到 6 年前

Hongzhi WANG 6 年前

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

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

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

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

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

推荐文章

j-p · 角度5,使用子模块中的组件

7 年前

Felipe Micali · 输入父管线角度5时导航到上次访问的子管线

7 年前

Matt Eland · 角度2+-我可以发出一个指令来使用路由器导航吗?

7 年前

Burst of Ice · 未找到直接浏览时的角度布线

7 年前

Wai Yan Hein · 子模块的角度5布线不工作

7 年前

Plochie · SVG模式在Safari中不起作用

7 年前

Sathya V · 路线导航时角度组件属性未重置

7 年前

Mujahid · 角度路由器中的Scrollspy效应

7 年前

Musical Coder · URL更改不以角度触发

7 年前

JSON · 如何将子组件设置为路由器出口的默认路由?[副本]

7 年前