素材巴巴 > 程序开发 >

angular6学习(八):数据绑定

程序开发 2023-09-07 09:46:44

数据绑定:




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

ts文件中:


html文件中


显示:



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

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

ts文件:


html文件


显示:

最初:


2秒后:


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


注意:

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

即:



图像链接的操作

ts文件



html文件


显示如下:




三:事件绑定

ts文件创建事件


html文件调用事件


显示如下:


点击后:



标签:

上一篇: angular学习笔记--angle基础知识 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。