Angular4数据绑定

  • 时间:2018-07-15 23:03 作者:从入门到放弃JS 来源:从入门到放弃JS 阅读:794
  • 扫一扫,手机访问
摘要:1.单向绑定ts---htmlhtml---ts小结:ts->html用插值表达式{{value}}或者[attr],html->ts用(event)。ts->html较为常使用。2.双向绑定ts文件与html文件中绑定的值同时改变。下列代码表示当HTML文件输入框内容改变时,ts文件的属性name

1.单向绑定

Angular4数据绑定

ts----->html

Angular4数据绑定

html----->ts

小结:ts->html用插值表达式{{value}}或者[attr],html->ts用(event)。ts->html较为常使用。

2.双向绑定

ts文件与html文件中绑定的值同时改变。

下列代码表示当HTML文件输入框内容改变时,ts文件的属性name的值同时改变。

3.DOM属性

Angular4数据绑定

4.HTML属性

Angular4数据绑定

下面来看HTML属性和DOM属性关系:

Angular4数据绑定

5.类绑定

Angular4数据绑定

6.样式绑定

Angular4数据绑定

单一样式绑定

Angular4数据绑定

多个样式绑定----html

Angular4数据绑定

多个样式绑定----ts

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】怎么做才能建设好外贸网站?(2023-12-20 10:05)
【系统环境|软件环境】梦幻仙域游戏攻略(2023-12-19 10:02)
【系统环境|软件环境】梦幻仙域游戏攻略(2023-12-19 10:02)
【系统环境|】卡帕部落揭秘潮玩新宠,探究玩法(2023-12-14 09:45)
【系统环境|数据库】 潮玩宇宙游戏道具收集方法(2023-12-12 16:13)
【系统环境|】如何开发搭建卡帕部落模式源码(2023-12-12 10:44)
【系统环境|】遥遥领先!青否数字人直播系统5.0发布,支持真人接管实时驱动!(2023-10-12 17:31)
【系统环境|服务器应用】克隆自己的数字人形象需要几步?(2023-09-20 17:13)
【系统环境|】Tiktok登录教程(2023-02-13 14:17)
【系统环境|】ZORRO佐罗软件安装教程及一键新机使用方法详细简介(2023-02-10 21:56)
手机二维码手机访问领取大礼包
返回顶部