angular6学习(八)：数据绑定

数据绑定：

 

 

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

ts文件中：

html文件中

显示：

 

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

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

ts文件：

html文件

显示：

最初：

2秒后：

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

注意：

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

即：

 

图像链接的操作

ts文件

 

html文件

显示如下：

 

 

三：事件绑定

ts文件创建事件

html文件调用事件

显示如下：

点击后：