【AngularJS】数据绑定(双向绑定)

1、ng-app
2、ng-init
3、ng-model

ng-app表明了AngularJs的作用域,可以为空;
ng-init表示初始化,这里是写在html上面的,在第一次加载的时候,初始化数据;

1、ng-model表示数据双向绑定,把js中对象的属性和html页面上显示的值进行绑定;同时也是把你新赋予的值和对象的属性进行绑定;
这里写图片描述;
上图<script>中引入了AngularJs的来源;而div中的ng-app表明,AngualrJs的作用域是整个div,如果想整个页面都用到AngularJS,可以卸载html标签里;

这里写图片描述

2、这里的ng-init初始化了对象p的name和age属性;当浏览器第一次加载时,姓名后显示的就是zhangsan;年龄后显示的就是18;把对象的值显示到页面来,“从实体类中出来(确切的说,是【数据】从model中走出来)”这是正向绑定;然而,下面的输入框和p的name和age属性绑定了;你输入的内容,会及时更新到p对象的name和age属性里,这是从页面,到实体对象体内,“进入到实体类中去(确切的说是【数据】走到model体内去)”这是反向绑定;所以AngularJs是双向绑定的;

欢迎大家关注我的微信公众号~~
这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陶洲川

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值