首页 > 语言 > JavaScript > 正文

angular2 NgModel模块的具体使用方法

2024-05-06 15:40:52
字体:
来源:转载
供稿:网友

angular2 NgModel 模块

在Angular2中一个Module指的是使用@NgModule修饰的class。@NgModule利用一个元数据对象来告诉Angular如何去编译和运行代码。一个模块内部可以包含组件、指令、管道,并且可以将它们的访问权限声明为公有,以使外部模块的组件可以访问和使用到它们。我们也可以通过定义子模块来扩展我们应用的功能。

NgModule 的API

interface NgModule {   // providers: 这个选项是一个数组,需要我们列出我们这个模块的一些需要共用的服务   //      然后我们就可以在这个模块的各个组件中通过依赖注入使用了.  providers : Provider[]   // declarations: 数组类型的选项, 用来声明属于这个模块的指令,管道等等.   //        然后我们就可以在这个模块中使用它们了.  declarations : Array<Type<any>|any[]>   // imports: 数组类型的选项,我们的模块需要依赖的一些其他的模块,这样做的目的使我们这个模块   //     可以直接使用别的模块提供的一些指令,组件等等.  imports : Array<Type<any>|ModuleWithProviders|any[]>   // exports: 数组类型的选项,我们这个模块需要导出的一些组件,指令,模块等;   //     如果别的模块导入了我们这个模块,   //     那么别的模块就可以直接使用我们在这里导出的组件,指令模块等.  exports : Array<Type<any>|any[]>  // entryComponents: 数组类型的选项,指定一系列的组件,这些组件将会在这个模块定义的时候进行编译  //         Angular会为每一个组件创建一个ComponentFactory然后把它存储在ComponentFactoryResolver  entryComponents : Array<Type<any>|any[]>  // bootstrap: 数组类型选项, 指定了这个模块启动的时候应该启动的组件.当然这些组件会被自动的加入到entryComponents中去  bootstrap : Array<Type<any>|any[]>  // schemas: 不属于Angular的组件或者指令的元素或者属性都需要在这里进行声明.  schemas : Array<SchemaMetadata|any[]>  // id: 字符串类型的选项,模块的隐藏ID,它可以是一个名字或者一个路径;用来在getModuleFactory区别模块,如果这个属性是undefined  //   那么这个模块将不会被注册.  id : string }

常用API简介

NgModule的主要属性如下:

declarations:模块内部Components/Directives/Pipes的列表,声明一下这个模块内部成员,声明之后才能使用对应的组件等。 providers:指定应用程序的根级别需要使用的service。(Angular2中没有模块级别的service,所有在NgModule中声明的Provider都是注册在根级别的Dependency Injector中) imports:导入其他module,其它module暴露的出的Components、Directives、Pipes等可以在本module的组件中被使用。比如导入CommonModule后就可以使用NgIf、NgFor等指令。 exports:用来控制将哪些内部成员暴露给外部使用。导入一个module并不意味着会自动导入这个module内部导入的module所暴露出的公共成员。除非导入的这个module把它内部导入的module写到exports中。 bootstrap:通常是app启动的根组件,一般只有一个component。bootstrap中的组件会自动被放入到entryComponents中。 entryCompoenents: 不会再模板中被引用到的组件。这个属性一般情况下只有ng自己使用,一般是bootstrap组件或者路由组件,ng会自动把bootstrap、路由组件放入其中。 除非不通过路由动态将component加入到dom中,否则不会用到这个属性。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选