AngularJs双向数据绑定

简介

        单项数据绑定:最简单的理解如果我们有一个input想要获取里面的值负值给一个变量,那么我们需要给inptu绑定一个id再通过id获取input再通过html或者text获取到值给一个变量,那么变量值改变了怎么办,input不知道我们还要通过id获取到input在负值给input。我就问你麻不麻烦

        双向数据绑定:只要你告诉input输出值要给谁,跟谁绑定那么我就会时时监听,只要绑定的值一变,我input的值就跟着变化

     


Angular的执行环境

        1.倒入Angular.js(这个下载就自己去官网吧,或者去bootCDN)

       

               

               

       

        以上就是简单的数据绑定,麻雀虽小五脏俱全,不要小瞧这段简单的代码隐藏的开发中经常用的东东东东西呢。

        ng-app:是angular的执行环境,如果不加上我抱歉一切关于ng的东西不让用。

        ng-init: 数据初始化,数据的初始化定义写在这里面。

        ng-model: 相当于一个管道,input的值我给text,text值变化我给input。

        ng-bind: 值的绑定,我会将ng-model取出来的值显示在某个元素标签上


总结:学好一门语言要耐心的看文档(中文文档,本人英文超级烂),一步一个脚印,不要急于求成,想要学习好angular放弃操作Dom的理念,只要管好自己的数据即可

Angular小弟也是刚刚自学,因为ionic需要所以水再深也要自己趟,有不对的地方希望打什么指出,小弟接受批评,接下来每一天我都会将Angular的基础分享出来,直到运用ionic写小demo。

喜欢博主的请给博主个关注或者mark让博主的技术之路陪伴大家成长


                                                                       不积跬步无以至千里不积小流无以成江海

你可能感兴趣的:(AngularJs双向数据绑定)