我正在尝试使用angular 2创建类似门户的功能,该功能将提供基本导航和全局服务(例如身份验证),但允许其他开发人员创建自己的模块,这些模块从根本上插入到门户中。
我正在使用angular-cli,并通过在项目内部创建的模块(请参见下面的树)进行了快速的概念验证,这些模块通过路由器(带有loadChildren)被延迟加载到app.module中。每个子模块都有自己的路由器,并且从根本上与父门户(app.module)分离。
我最终希望将这些子模块移到他们自己的项目中,但是绝对不知道从哪里开始,并且与在线相关的信息似乎很少。如果有人知道一个示例或可以演示如何进行设置,我将非常感激。
编辑:如果可能的话,我想继续使用Angular-CLI功能来做到这一点。
这是我的目录结构。模块1、2和3需要进入自己的项目。
+-- app
? +-- app.component.css
? +-- app.component.html
? +-- app.component.spec.ts
? +-- app.component.ts
? +-- app.module.ts
? +-- module1
? ? +-- dataflows
? ? ? +-- dataflows.component.css
? ? ? +-- dataflows.component.html
? ? ? \-- dataflows.component.ts
? ? +-- module1.component.css
? ? +-- module1.component.html
? ? +-- module1.component.ts
? ? +-- module1.module.ts
? ? \-- other
? ? +-- other.component.css
? ? +-- other.component.html
? ? \-- other.component.ts
? +-- index.ts …Run Code Online (Sandbox Code Playgroud)