Fatal编程技术网

Javascript 角2项目结构规划

javascript angular

Javascript 角2项目结构规划,javascript,angular,directory-structure,Javascript,Angular,Directory Structure,所以，我已经通过了Anguar 2指南和一些与我的问题相关的主题。目前我正在尝试实现最新的（2.1）Angular版本。 所以，我的angular应用程序根目录中有下一个文件 app.component.ts main.ts app.module.ts 如果您与Angular 2.1相似，那么您可能知道指令关键字已从component decorator中删除，因此我应该在app.module.ts文件中注册任何新指令，如下所示 @NgModule({ imports: [ Br

所以，我已经通过了Anguar 2指南和一些与我的问题相关的主题。目前我正在尝试实现最新的（2.1）Angular版本。 所以，我的angular应用程序根目录中有下一个文件

app.component.ts
main.ts
app.module.ts
如果您与Angular 2.1相似，那么您可能知道
指令
关键字已从component decorator中删除，因此我应该在
app.module.ts
文件中注册任何新指令，如下所示

@NgModule({
    imports:    [ BrowserModule ],
    declarations: [
        AppComponent,
        AutoGrowDirective,
        DirecComponent,
        BaseComponent
    ],
    bootstrap:    [ AppComponent ]
})
因此，要将新页面添加到我的项目中，我可以简单地指定新路由并将其分配给某个基本组件，让我们称它们为
页面组件


RouterModule.forRoot([
            {
                path: '',
                component: BaseComponent
            },
            {
                path: 'heroes',
                component: DirecComponent
            }
        ])


但是，如果我想要很多不同的组件，这些组件将包含在我的
页面组件中，该怎么办

我需要创建大量可重用的微组件，是否可以将它们添加到
声明中
数组中，可能我需要200个或更多。
当我的项目启动时-所有这些都将被加载？即使当前请求的
页面组件中未包含所有内容

我想听听你的想法，谢谢