angular6学习(八)：数据绑定

发布时间：2020-12-17 08:10:35 所属栏目：安全来源：网络整理

导读：数据绑定：一、插值表达式绑定：{{data}} ts文件中： html文件中显示：二、属性绑定：([property]="data") 实现功能：开始时显示false,2秒后显示true ts文件： html文件显示：最初： 2秒后：按钮操作：2秒后按钮可用注意：判断布尔操作时只能用属性

数据绑定：

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

ts文件中：

html文件中

显示：

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

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

ts文件：

html文件

显示：

最初：

2秒后：

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

注意：

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

即：

图像链接的操作

ts文件

html文件

显示如下：

三：事件绑定

ts文件创建事件

html文件调用事件

显示如下：

点击后：

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!