前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Angular2 学习第一天

Angular2 学习第一天

作者头像
用户1437675
发布2018-08-20 11:02:23
7770
发布2018-08-20 11:02:23
举报
文章被收录于专栏:Angular&服务Angular&服务

Angular2中的八个主要构造块

1.(Module )模块

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

2.(Component) 组件

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

3.(Template) 模板

4.(Metadata) 元数据

5.(Data Binding) 数据绑定

6.(Directive) 指令

7.(Service )服务

8.(Dependency Injection) 依赖注入

实例
代码语言:javascript
复制
//从模块库引入类型定义
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中的过滤器

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

常用预置过滤器:

代码语言:javascript
复制
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>

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017.05.19 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Angular2中的八个主要构造块
    • 1.(Module )模块
      • 2.(Component) 组件
        • 3.(Template) 模板
          • 4.(Metadata) 元数据
            • 5.(Data Binding) 数据绑定
              • 6.(Directive) 指令
                • 7.(Service )服务
                  • 8.(Dependency Injection) 依赖注入
                    • *注解
                    • 过滤器
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档