angular2-学习笔记（二）

组件（Component）：是对数据和方法的简单封装

根组件

导航组件 Home组件 Directory组件

|

.component.ts .component.html .component.css

组件逻辑 组件视图 组件样式

创建组件：在命令行中 进入你的根组件中 输入 ng generate component Name(项目名称)

组件的命名组件的类名应该是大驼峰形式，并且以Component结尾。 因此该详情组件的类名是NewPeopleComponent。

组件的文件名应该是小写中线形式，每个单词之间用中线分隔，并且以.component.ts结尾。 因此NewPeopleComponent。类应该放在new-people.component.ts文件中。

总是export这个组件类，因为你必然会在别处import它。

@Input是用来定义模块的输入的，用来让父模块往子模块传递内容：

typescript 类型声明

myVar : string = "hello"

myVar : number = 2

myVar : any  可以是任意类型的

typescript 支持面向对象，因此会有可见度

1.public  公开的，谁都可以找到

2.protected  受保护的，只针对当前类的对象或者是子类的对象才可以访问属性或者方法

3.private  私有的，只针对当前类

lambda 表达式

1.（）=> 相当于  function（）；

2.（）=> { something }     something代表function所执行的逻辑

NgModule 是一个装饰器函数，它接收一个用来描述模块属性的元数据对象

declarations 声明本模块中拥有的视图类（组件，指令，管道）

exports declarations的子集，可用于其他模块的组件模板

imports 本模块声明的组件模板需要的类所在的其他模块

providers 服务的创建者，并加到全局服务列表中，可用于应用的任何部分

bootstrap 指定应用的主视图，只有根模块才能有bootstrap属性