angular2 简述

angular2 总体简述

1.图（1）

2.图（2）

3.图（3）

4.图（4）

5.图（5）

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

angular2 简述相关推荐

Angular2.x-主/细节组件
此刻,HeroesComponent显示heroes列表和所选heroes的详细信息. 随着应用程序的增长保持一个组件中的所有功能将不可维护.您需要将大型组件分成更小的子组件,每个组件都专注于特定的任 ...
简述计算机科学的核心内容,北京大学-计算机科学与技术(2018秋)作业及复习
59.(第十章)外排序是指在排序前后,数据在外存上,排序时数据调入内存进行的排序方法. 60.(第十章)在选择排序.冒泡排序.归并排序中, 归并排序是空间复杂度最大的. 三.简答和程序题(共10题,每 ...
设计模式学习1：设计模式简述和设计模式原则
设计模式简述什么是设计模式? 软件工程中,设计模式(design pattern)是对软件设计中普遍存在(反复出现)的各种问题,所提出的解决方案. 设计模式的目的: 代码高可用(相同作用的代码能重复 ...
Java中常见的锁简述
在Java的应用中,或多或少的都会接触到一些锁,那么问题就来了,在Java中,常见的锁有哪些,都有什么样的作用?? 这里给大家简单的简述一下这些学常见的锁. 本文件所涉及到的锁: 1.公平锁 / 非公 ...
简述DataInputStream和DataOuputStream
2019独角兽企业重金招聘Python工程师标准>>> Java开发中经常会用到IO流,那么就会碰到DataInputStream和DataOuputStream这两个包装类.下面就 ...
在像Angular2这样的SPA应用中使用Google Analytics的方法
Angular2のようなシングルページアプリケーションでGoogleアナリティクスを使う方法如何在像Angular2这样的SPA应用中使用Google Analytics? 试着调查了一下. 由于S ...
理解 angular2 基础概念和结构 ----angular2系列（二)
前言: angular2官方将框架按以下结构划分: Module Component Template Metadata Data Binding Directive Service Dependen ...
简要叙述matlab的含义,1，简述MATLAB组成部分？ 2，说明使用M文件编辑/调试器的方法和优点？ 3，存储在工作空间中的数组能编辑吗...
匿名用户 1级 2012-05-17 回答我也考这个....祝你好运 1,简述MATLAB组成部分? (1)开发环境(development Environment); (2)MATLAB数学函数库 ...
简述Linux和Windows下Python搭建步骤
简述就Windows和Linux环境下安装Python的步骤. Python环境搭建首先到官网(www.python.org)下载相应的安装版本.主要分为Windows和Linux两种: 一.Linu ...

angular2 简述

angular2 总体简述

数据绑定

angular2 简述相关推荐

最新文章

热门文章