angular6学习(八)：数据绑定

数据绑定：

一、插值表达式绑定：{{data}}

ts文件中：

html文件中

显示：

扫描二维码关注公众号，回复： 3478677 查看本文章

二、属性绑定：([property]="data")

实现功能：开始时显示false,2秒后显示true

ts文件：

html文件

显示：

最初：

2秒后：

按钮操作：2秒后按钮可用

注意：

判断布尔操作时只能用属性绑定，不能用插值绑定

即：

图像链接的操作

ts文件

html文件

显示如下：

三：事件绑定

ts文件创建事件

html文件调用事件

显示如下：

点击后：