本篇文章主要介绍了Angular2数据绑定的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧

大致介绍 Angular2中数据绑定的方式默认是以单向方式，数据绑定的方式可以分为： 1、属性绑定和插值表达式 组件类-> 模板 2、事件绑定：模板 -> 组件类 3、双向绑定： 模板 组件类 事件绑定 事件绑定是把模板中的事件绑定到组件类中的方法上，例如在一个组件中的HTML代码是： 点我 (click)表示要进行的操作，当用户点击时就会执行组件类中的doClick方法 export class BindComponent implements OnInit { co

1. 组件通信 我们知道Angular2应用程序实际上是有很多父子组价组成的组件树，因此，了解组件之间如何通信，特别是父子组件之间，对编写Angular2应用程序具有十分重要的意义，通常来讲，组件之间的交互方式主要有如下几种： l 使用输入型绑定，把数据从父组件传到子组件 l 通过 setter 拦截输入属性值的变化 l 使用 ngOnChanges 拦截输入属性值的变化 l 父组件监听子组件的事件 l 父组件与子组件通过本地变量互动 l 父组件调用 ViewChild l 父组件和子组件通过服

在网页开发中，表单估计是最常用的一个，同时也是最麻烦、最容易出问题的。在一个稍微复杂一点的应用中，我们除了用表单元素收集数据，还需要验证，几个数据之间可能还会相互关联，然后根据不同的数据值调用不同的业务逻辑等。 使用Angular提供的数据绑定的功能，我们可以很容易就在组件中获得用户输入的数据，Angular也提供了几种验证方式方便我们进行数据的校验。但是，一些自定义的数据验证、数据交互和业务逻辑还是需要自己处理。 在Angular2中，提供了2种表单实现方式，分别是’template-dr

表单创建一个有效、引人注目的数据输入体验。Angular表单协调一组数据绑定控件，跟踪变更。验证输入的有效性，并且显示错误信息。 接下来，主要内容有： 1、使用组件和模板构建Angular表单； 2、用ngModel创建数据绑定，以读取和写入输入控件的值。 构建Angular表单 我们想构建包含姓名，电话，特长三个字段的表单 1、我们可以参照快速启动那篇，创建一个名为forms的新项目，也可以使用之前的项目进行修改； 2、创建Person类； 3、创建控制此表单的组件； 4、创建具有初始表单布局