Angular2学习总结

Angular2核心概念：组件、元数据、模板、数据绑定、服务、指令、依赖注入、模块
组件是angular2最核心的组成


生命周期：

Constructor ---->Onchanges---->OnInit---->OnChanges---->OnDestroy
构造器初始化---->第一次触发数据变化的钩子---->组件初始化---->运行期间出发数据变化的钩子---->组件销毁前


装饰器：赋予一个类更丰富的信息（元数据）
指令：属性指令-改变组件模板的外观或者行为，如样式等；结构指令-改变组件模板的DOM结构，如ngIf用来插入或者移除DOM节点


元数据：
@Component的一些配置项：
selector--一个css选择器，通常是一个自定义标签，它告诉angular在父级html中寻找这个标签，创建组件，并插入此标签中
templateUrl--组件模板的地址
directives--一个数组，包含此模板需要依赖的组件或者指令
providers--一个数组，包含主键所依赖的服务所需要的依赖注入提供商
styleUrls--一个数组


插值表达式：{{hero.name}}
属性绑定：[hreo]="selectHero"
事件绑定：(click)="selectHero(hero)"
双向数据绑定：[(ngModel)]="hero.name"


package.json列出了应用的依赖，并定义了一些有用的脚本，标记本项目所需的npm依赖包
tsconfig.json是typescript的编译器配置文件，定义了TypeScript编译器如何从项目源文件生成JS代码
typings.json指定typescript定义文件，为那些TypeScript编译器无法识别的库提供了额外的定义文件
systemjs.config.js是SystemJS的配置文件，为模块加载器提供了该到哪里查找应用模块的信息，并注册了所有必备的依赖包，它还包括文档后面的例子需要用到的包

 UI库

ng2-nouislider

Angular powered Bootstrap

ng2-admin

项目创建教程

https://www.cnblogs.com/mrfront/articles/angular2-quickstart.html