1

我正在从Angular的官方网站学习Ngmodule。在那里，它写了以下语句：

@NgModule 接受一个元数据对象，告诉 Angular 如何编译和启动应用程序。

我搜索了很多页面，但我对那个对象感到困惑。那么，谁能告诉我 NgModule 采用的元数据对象是什么？

4

1 回答 1

1

组件、服务、指令都是 Angular 2+ 中的类。但是他们的预期行为与在他们的类中声明的装饰器（如@NgModule, ）不同。@Component

NgModule 装饰器用于设置 Angular 模块。它是一个表示该类不是普通类的符号。它是一个模块。

NgModule 采用元数据对象，如imports, declarations, bootstrap,providers

  • imports用于导入依赖模块，如BrowserModule, FormsModule,HttpModule
  • declaration用于导入组件
  • bootstrap定义根应用程序组件
  • providers定义服务

     @NgModule({
              引导程序：[AppComponent]，
              声明：[
                应用组件，
                客户选择组件，
                重置密码组件，
                仪表板组件，
            ],
            imports: [ // 导入 Angular 的模块
                浏览器模块，
                表单模块，
                反应形式模块，
                Http模块，
                登录模块，
            ],
            providers: [ // 将我们的 Services 和 Providers 暴露给 Angular 的依赖注入
                ENV_PROVIDERS,
                APP_PROVIDERS,
                日期管道
            ]
       })
于 2018-01-03T06:50:18.300 回答