Angular2 学习第一天

Angular2中的八个主要构造块

1.（Module ）模块

Angular应用由模块组成，模块能导出组件，服务，函数，值等供其它模块使用

2.（Component） 组件

directives数组包含组件模板依赖的组件或指令
providers数组包含组件依赖的服务

3.（Template） 模板

4.（Metadata） 元数据

5.（Data Binding） 数据绑定

6.（Directive） 指令

7.（Service ）服务

8.（Dependency Injection） 依赖注入

实例

//从模块库引入类型定义
import {Component} from "angular2/core";
import {bootstrap} from "angular2/platform/browser";

//组件定义
@Component({
    selector:"my-app",
    template:"<h1>Hello,Annotation</h1>"
})
class EzApp{}       

//渲染组件
bootstrap(EzApp);

*注解

ES6规范中并没有注解和其它装饰器，Angular2中的注解其实是利用了转码器（Typescript/traceur/babel）的注解特性，注解可以看作是转换码器层面的语法糖。

Paste_Image.png

过滤器

Angular2中的过滤器

过滤器即模板中对数据的变换机制

常用预置过滤器：

DecimalPipe: | number:'2.2-2'
DatePipe: | date:'yyMMdd'
JsonPipe: |  json 基于JSON.stringify(), 主要用于调试
PercentPipe: |  percent:'1.2-3'
SlicePipe: | slice:1:4
UpperCasePipe: |  uppercase
LowerCasePipe: | lowercase

---

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