博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angular2 简述
阅读量:6233 次
发布时间:2019-06-22

本文共 844 字,大约阅读时间需要 2 分钟。

angular2 总体简述

1.图(1)

图片描述

2.图(2)

图片描述

3.图(3)

图片描述

4.图(4)

图片描述

5.图(5)

图片描述

6.

可以看出angular2的组件有以下两大部分组成:分别是下面的

1.@Component部分(可以称之为装饰器),装饰器方法里有一些参数。他们就是angular2八大核心之一的元数据
装饰器是typeScript提供的一种语法特性,用来修饰一个类
2.下面的class类(可以称之为组件类),显然组件的业务逻辑都是在这个类里面去编写的。如果仅仅只是所以装饰器的作用就是赋予一个类更丰富的信息(元数据定义一个类,angular2也是不知道如何去解释这个类的。而如果在这个类上加上@Component装饰器,这个装饰器会在运行的时候把他的元数据通过某一种方式注入到这个类里面。这样angular2就能识别出来这个类是个组件类。)

如图(6)

图片描述

如图(7)

图片描述

1,在构造函数上可以做一些组件类的初始化工作。例如变量的初始赋值等

2.接下来会触发OnChanges钩子。这是OnChanges钩子的第一次触发。主要用来接收来自父组件
3.然后到了OnInit钩子。这个才是实际意义的组件初始化阶段。angular2不推荐在组件初始化阶段处理一些跟业务逻辑相关的工作。而更好的方式是放在init阶段去处理的传入数据。为接下来的组件初始化提供数据支持
4.接下来组件会处在稳定期。这个时候OnChanges钩子会再次触发。只要从输入属性上获得的数据发生了变化,OnChanges钩子就会触发一次
5.最后,在组件被销毁之前会触发OnDestory钩子。在这一阶段会做一些清理的工作。例如事件解绑还有取消事件订阅等。还有别的钩子......


如图(8)

图片描述


数据绑定

  • 1,在构造函数上可以做一些组件类的初始化工作。例如变量的初始赋值等

  • 2.事件绑定,他的作用和属性绑定相反。吧模板里产生的数据通过函数调用的方式传入到组件内

  • 3.前两种都属于单向绑定。双向绑定就是数据的双向流动,数据也会实时的进行双向流动。

转载地址:http://wchna.baihongyu.com/

你可能感兴趣的文章
Mac快捷键
查看>>
100-44
查看>>
POJ 1775 Sum of Factorials
查看>>
spring mvc annotation-driven
查看>>
在使用spring构建项目中,将db配置与程序jar包分离的一种方式
查看>>
50个必备的实用jQuery代码段
查看>>
MP-BGP部署下,不同***实例的相关网段用户网络互访
查看>>
文件备份与恢复技术
查看>>
linux配置本地yum源
查看>>
android socket编程实例
查看>>
企业即时通讯的开发与发展优势
查看>>
关于程序员如何赚点小钱
查看>>
服务器迁移流程
查看>>
java获得项目路径
查看>>
CTF密码学密文脚本解密及WP(凯撒解密)
查看>>
centos7安装redis
查看>>
多说评论一次导回 Typecho 本地数据库
查看>>
TechEd 2011微软技术大会热门课程曝光
查看>>
分布式锁之Redis实现
查看>>
【解惑】领略内部类的内部
查看>>