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

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

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

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

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

欢迎大家关注我的微信公众号~~
【AngularJS】数据绑定(双向绑定)

相关文章:

  • 2021-06-02
  • 2020-06-16
  • 2018-04-19
  • 2018-08-08
  • 2021-04-22
  • 2021-07-05
  • 2021-07-19
猜你喜欢
  • 2021-07-06
  • 2017-11-30
  • 2020-03-18
  • 2018-09-29
  • 2022-01-03
  • 2021-09-09
  • 2021-11-06
  • 2021-06-19
相关资源
相似解决方案