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库
项目创建教程
https://www.cnblogs.com/mrfront/articles/angular2-quickstart.html