Angular2 @NgModule

@NgModule修饰的class。
@NgModule利用一个元数据对象来告诉Angular如何去编译和运行代码。
一个模块内部可以包含组件、指令、管道,并且可以将它们的访问权限声明为公有,以使外部模块的组件可以访问和使用到它们。
模块是用来组织应用的,通过模块机制外部类库可以很方便的扩展应用,Angular2将许多常用功能都分配到一个个的模块中,如:FormModule、HttpModule、RouterModule。


NgModule的主要属性如下

1.declarations:模块内部Components/Directives/Pipes的列表,声明一下这个模块内部成员


2.providers:指定应用程序的根级别需要使用的service。(Angular2中没有模块级别的service,所有在NgModule中声明的Provider都是注册在根级别的Dependency Injector中)


3.imports:导入其他module,其它module暴露的出的Components、Directives、Pipes等可以在本module的组 件中被使用 。比如导入CommonModule后就可以使用NgIf、NgFor等指令。


4.exports:用来控制将哪些内部成员暴露给外部使用。导入一个module并不意味着会自动导入这个module内部导入的module所暴露出的公共成员。除非导入的这个module把它内部导入的module写到exports中。


5.bootstrap:通常是app启动的根组件,一般只有一个component。bootstrap中的组件会自动被放入到entryComponents中。


6.entryCompoenents: 不会再模板中被引用到的组件。这个属性一般情况下只有ng自己使用,一般是bootstrap组件或者路由组件,ng会自动把bootstrap、路由组件放入其中。 除非不通过路由动态将component加入到dom中,否则不会用到这个属性。


<h6 align = "right">sivona</h6>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,314评论 19 139
  • 版本:Angular 5.0.0-alpha AngularDart(本文档中我们通常简称 Angular ) 是...
    soojade阅读 4,241评论 0 4
  • 组件基础 组件用来包装特定的功能,应用程序的有序运行依赖于组件之间的协同工作。组件是angular应用的最小逻辑单...
    oWSQo阅读 5,186评论 0 0
  • 小时候谁都希望自己的将来闪闪发光,但是长大以后,自己的梦想,却没有一个能变成现实。 ...
    风呼嚓嚓阅读 2,695评论 3 3
  • 喜欢北方的冬天,银装素裹的大地和村庄,让人静谧和沉静,今年是来北方的第十年,从最初的盼望回到南方到现在的适应和喜...
    清晨暮雾阅读 1,280评论 0 0