应用程序中的不同模板组件

时间:2018-05-21 15:28:34

标签: angular

我从有角度开始,然后出现下一个问题。

在组件中,app.component.html是我有一个导航和一些所有路由共有的元素。但现在我想创建一个管理员的一部分,既不使用导航也不使用其他元素。但是我创造的其他人。

我的问题是:我可以创建另一种文件类型" app.component"对于具有自己结构且与另一方无关的管理部分?

1 个答案:

答案 0 :(得分:1)

您不需要其他“app.component”,您可能只想为管理实用程序和路由创建另一个模块。这样你的app.component就是整个应用程序的父级。

app.component将位于主app.module.ts文件中,然后您可以创建两个导入app.module的子模块。

例如

  • app.module.ts(这里没有条目组件,只是通用导入,包括子模块)
    • admin.module.ts
      • 特定于管理模块的各种组件,指令和服务
    • user.module.ts(我刚选择了“user”,因为它是通用的)
      • 特定于“用户”模块的各种组件,指令和服务

重点是模块化应用程序的各个部分。这样,您的管理模块可以与其他所有内容分开存在,并且不依赖于user.module所做的任何依赖。反之亦然。

此外,这会打开延迟加载选项,每个模块专门的路线保护等...我建议阅读NgModules on the angular docs.

您会注意到该文档末尾有不同模块“类型”的链接:

  • 功能模块。
  • Entry Components。
  • 提供者。

您要求的是两个不同的功能模块及其自己的输入组件和服务