唯品秀前端博客
当前位置: 前端开发 > Js前端框架 > Angular.js-简介指令与双向数据绑定

Angular.js-简介指令与双向数据绑定

2016-12-11 分类:Js前端框架 作者:管理员 阅读(2368)

随着mvc(mvvm)框架的流行,也为了更好的充实自己(鬼才信啊,还不是不学会没有工作!!!这么流行,你不会就会被淘汰),踏上了学习这种框架的道路,以此来记录我苦逼的前端道路

ng-app是Angular的初始化调用指令,如果不写,那么关于Angular的代码不会执行,变量都会读取不出来,通常我们把它放在html标签中,但其实它可以放在任何位置,如下图,放在div中,那么这个当前div里的Angular代码能识别,而其他地方的不能,这样方便实际开发作为局部来使用

o508blp2s9rtxqr464

数据双向绑定:

数据双向绑定它是一种MVVM的一种设计模式,M指的是数据,V指的是视图。这种模式的特点就是,MV:当我们数据发生改变的时候相关视图跟着发生改变;反之VM当我们视图发生改变的时候相关的数据跟着发生改变,如下图,我们提供Angular自带的$timeout进行数据改变,页面的内容2秒后也会发生改变,直接使用原生的js定时器不行,必须使用Angular自己的,使用方法一样。

bbt581pp%f0mjn1t0n

ng-click指令?

如下图,ng开头的这种我们叫指令,ng-click类似onclick,当在页面上点击这个div时候,里面p的内容就会发生改变,ng-click的name是Aaa函数里挂载的属性,不仅有ng-click,还有ng-mouseover,down等等

o508blp2s9rtxqr464

「三年博客,如果觉得我的文章对您有用,请帮助本站成长」

赞(4) 打赏

谢谢你请我吃鸡腿*^_^*

支付宝
微信
4

谢谢你请我吃鸡腿*^_^*

支付宝
微信

上一篇:

下一篇:

你可能感兴趣

共有 1 条评论 - Angular.js-简介指令与双向数据绑定

  1. 新用户732331 未知操作系统 未知浏览器

    东爱 撕***剧情和琼瑶剧有一拼

博客简介

唯品秀博客: weipxiu.com,一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站,愿景:成为宇宙中最具有代表性的前端博客,期待您的参与,主题源码 

精彩评论

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

站点统计

  • 文章总数: 245 篇
  • 草稿数目: 0 篇
  • 分类数目: 15 个
  • 独立页面: 6 个
  • 评论总数: 875 条
  • 链接总数: 14 个
  • 标签总数: 436 个
  • 建站时间: 1086 天
  • 注册用户: 4198 人
  • 访问总量: 8743221 次
  • 最近更新: 2019年12月4日
服务热线:
 173xxxx7240

 QQ在线交流

 旺旺在线