angular6学习(八):数据绑定

前端之家收集整理的这篇文章主要介绍了angular6学习(八):数据绑定前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

数据绑定:




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

ts文件中:


html文件


显示



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

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

ts文件


html文件


显示

最初:


2秒后:


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


注意:

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

即:



图像链接的操作

ts文件



html文件


显示如下:




三:事件绑定

ts文件创建事件


html文件调用事件


显示如下:


点击后:

猜你在找的Angularjs相关文章