Angular 2项目结构规划

时间:2016-11-01 15:23:40

标签: javascript angular directory-structure

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

app.component.ts
main.ts
app.module.ts

如果您与Angular 2.1非常相似,那么您可能知道directives关键字已从组件装饰器中删除,因此我应在app.module.ts文件中注册任何新指令,如此

@NgModule({
    imports:    [ BrowserModule ],
    declarations: [
        AppComponent,
        AutoGrowDirective,
        DirecComponent,
        BaseComponent
    ],
    bootstrap:    [ AppComponent ]
})

因此,要向我的项目添加新页面,我可以简单地指定新路由并将其分配给某个基本组件,让我们称之为page component

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

但是,如果我想要很多不同的组件,我的page components会包含哪些内容呢?

我需要创建大量可重用的微组件,可以将它们添加到declarations数组中,可能我需要200个或其他东西。 当我的项目引导 - 所有这些都将被加载?即使并非所有这些都包含在当前请求的page component中?

我想听听你的想法,谢谢!

0 个答案:

没有答案