当前位置: 首页 > news >正文

angular2 简述

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.前两种都属于单向绑定。双向绑定就是数据的双向流动,数据也会实时的进行双向流动。

相关文章:

  • elk的tar.gz的安装
  • 《大数据算法》一2.4 数组有序的判定算法
  • 给vs2015添加EF
  • 深夜食堂:加班码代码太烧脑_你最爱哪种加班美食?
  • PHP后台之调试手段(新手必备)
  • js php 数组比較
  • 西工大10级保研机试 柱状图
  • transform 实现响应式绝对居中
  • 需求调研与分析流程
  • InfoQ在ETE大会上对Android工程师Jake Wharton的采访
  • 自己动手做聊天机器人 一-涉及知识【转】
  • Linux下安装Nginx详细图解教程
  • 用到qsort的一道题(+qsort模板)
  • js中函数的参数注意事项
  • flume 简单实例
  • “大数据应用场景”之隔壁老王(连载四)
  • 2017届校招提前批面试回顾
  • 2019年如何成为全栈工程师?
  • css属性的继承、初识值、计算值、当前值、应用值
  • Java,console输出实时的转向GUI textbox
  • JSDuck 与 AngularJS 融合技巧
  • Laravel5.4 Queues队列学习
  • npx命令介绍
  • PHP的类修饰符与访问修饰符
  • python学习笔记-类对象的信息
  • SpiderData 2019年2月25日 DApp数据排行榜
  • 分布式熔断降级平台aegis
  • 关于 Linux 进程的 UID、EUID、GID 和 EGID
  • 基于webpack 的 vue 多页架构
  • 今年的LC3大会没了?
  • 那些被忽略的 JavaScript 数组方法细节
  • 前端js -- this指向总结。
  • 如何邀请好友注册您的网站(模拟百度网盘)
  • 主流的CSS水平和垂直居中技术大全
  • RDS-Mysql 物理备份恢复到本地数据库上
  • ​​​​​​​ubuntu16.04 fastreid训练过程
  • ​HTTP与HTTPS:网络通信的安全卫士
  • #每日一题合集#牛客JZ23-JZ33
  • (2020)Java后端开发----(面试题和笔试题)
  • (C语言)fgets与fputs函数详解
  • (多级缓存)缓存同步
  • (非本人原创)史记·柴静列传(r4笔记第65天)
  • (附源码)springboot家庭装修管理系统 毕业设计 613205
  • (附源码)springboot课程在线考试系统 毕业设计 655127
  • (附源码)ssm基于jsp的在线点餐系统 毕业设计 111016
  • (附源码)ssm教材管理系统 毕业设计 011229
  • (附源码)计算机毕业设计大学生兼职系统
  • (免费分享)基于springboot,vue疗养中心管理系统
  • (十二)python网络爬虫(理论+实战)——实战:使用BeautfulSoup解析baidu热搜新闻数据
  • (转)ObjectiveC 深浅拷贝学习
  • .net 7 上传文件踩坑
  • .Net Web项目创建比较不错的参考文章
  • .NET 动态调用WebService + WSE + UsernameToken
  • .NET/MSBuild 中的发布路径在哪里呢?如何在扩展编译的时候修改发布路径中的文件呢?
  • @DateTimeFormat 和 @JsonFormat 注解详解