前端之家收集整理的这篇文章主要介绍了
angular6学习(八):数据绑定,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
数据绑定:
一、插值表达式绑定:{{data}}
ts文件中:
html文件中
显示:
二、属性绑定:([property]="data")
实现功能:开始时显示false,2秒后显示true
ts文件:
html文件
显示:
最初:
2秒后:
按钮操作:2秒后按钮可用
注意:
判断布尔操作时只能用属性绑定,不能用插值绑定
即:
图像链接的操作
ts文件
html文件
显示如下:
三:事件绑定
ts文件创建事件
html文件调用事件
显示如下:
点击后: