Angular2数据绑定 _小知识

Angular2中数据绑定的体例默认是以单标的目的体例，数据绑定的体例可以分为：1、属性绑定和插值表达式组件类-> 模板。 2、事务绑定：模板 -> 组件类。 3、双标的目的绑定：模板 <-> 组件类。

需要这些哦
JavaScript
方式/
1一、事务绑定
事务绑定是把模板中的事务绑定到组件类中的方式上，例如在一个组件中的HTML代码是：

文章插图

2(click)暗示要进行的操作，当用户点击时就会执行组件类中的doClick方式

文章插图

3二、属性绑定和插值表达式
其实属性绑定和插值表达式是统一个工具，因为在解析代码时，插值表达式会转换为属性绑定，所以想用哪个就用哪个
下面的代码感化都是一样的

文章插图

4属性绑定又分为HTML属性绑定和DOM属性绑定。先来看一个例子：

文章插图

5可以看到event.target.value是获取的DOM属性，是可变的。暗示当前元素的状况
而event.target.getAttribute("value")获取的是HTML属性，是不成变的。只负责初始化HTML元素，不成改变
注重：
1、有些DOM属性没有映射的HTML属性，同样有些HTML属性也没有映射的DOM属性
2、模板绑定的是DOM属性
三、HTML属性绑定
1、根基HTML属性绑定
<td [attr.colspan]="表达式"></td>