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

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

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

数据双向绑定:

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

 

ng-click指令?

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

别问我为什么这么努力,我只是为了以后我夹菜,没人敢转桌子。

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

晴天暖宝宝

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

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

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

打赏作者

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

抵扣说明:

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

余额充值