Angular4.0-module属性说明、组件创建过程

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

NgModule的主要属性如下：

• imports：导入其他模块，就是要使用其他模块的功能，必须要导入。
• declarations：声明，声明本模块包含的内容。可能有些同学会遇到，定义了一个指令，在component中使用却总是没有生效的问题，首先我们要检查的就是是否进行了声明。
• exports：外部可见的内容。相当于.net中声明为public的那些类。
• providers：服务提供者，主要用来定义服务。估计ng2框架会自动将注册的服务体检到依赖注入实例中，目前测试也是如此。
• bootstrap：启动模块。只在根模块使用。在除了根模块以外的其他模块不能使用。
那么我们看模块是否有层级概念呢，至少目前来看，模块都是平级的，没有主子之分，目前官方叫法：启动模块为根模块，自定义的其他模块叫特性模块。

在angular中创建module

在自己想要的指定的文件夹下CMD，用命令创建 一个组件

根据ng命令创建,ng generate component log 这个命令log是组件的名字，
接着创建组件的路由。同样的方法创建组件的路由只是命令不同，在组件 的目录下cmd,输入命令ng generate moudle 名字 –-falt 名字就是路由的取名，随便，后面的–falt是说明把生成的路由放在当前目录下，而不是单独的目录里。

接着我们来创建组件的module,这里说明下module的作用，在Angular2中一个Module指的是使用@NgModule修饰的class。@NgModule利用一个元数据对象来告诉Angular如何去编译和运行代码。一个模块内部可以包含组件、指令、管道，并且可以将它们的访问权限声明为公有，以使外部模块的组件可以访问和使用到它们。
在组件的目录下cmd，用命令创建module

生成的路由跟模板目录如下

接下来我们来看下这两个配置文件的配置
先来看log.module.ts

@ngModule是装饰器，其中的imports用来导入其他module，其它module暴露的出的Components、Directives、Pipes等可以在本module的组件中被使用。比如导入CommonModule后就可以使用NgIf、NgFor等指令，在这里说明下，这里必须要导入自己的路由模块，就是路由的类名图中的LogRoutingModule.
Delarations：[]用来声明该组件要用到的模块，也就是类名。
接下来我们再看路由模块。

Const中用来告诉路由器，请求来了怎么跳转。Path：为URL，component为组件。下面个的@ngMODULE这里声明导入路由，同时也导出路由。