AngularJs双向数据绑定

简介

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

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

     


Angular的执行环境

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

        <div ng-app="" ng-init="text='angularJs'">

                <input ng-model="text"></input>

                <span v-bind="text"></span>

        </div>

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

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

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

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

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


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

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

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


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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 1,661评论 0 3
  • AngularJS AngularJS概述 介绍 简称:ng Angular是一个MVC框架 其他前端框架: Vu...
    我爱开发阅读 2,349评论 0 8
  • “我默默地提醒自己,如果你不先和我联系,我也不主动和你说话。”他这么说时还刻意表达了自己的坦诚,脸上充满了笑意。 ...
    木头奶奶阅读 624评论 13 16
  • 文/沈鹿之 一 与彦青重逢那一年的秋天,云山里细雨蒙蒙,我坐在藤椅上数着手里落下的...
    沈鹿之阅读 696评论 0 0