美文网首页程序员
AngularJs双向数据绑定

AngularJs双向数据绑定

作者: 全村的希望iOS | 来源:发表于2018-07-05 11:12 被阅读0次

简介

        单项数据绑定:最简单的理解如果我们有一个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让博主的技术之路陪伴大家成长


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

相关文章

  • Ionic ng-model 数据双向绑定

    ionic 使用AngularJS ng-model 实现数据双向绑定 AngularJS 实例 绑定输入框的值到...

  • AngularJS的数据双向绑定是怎么实现的?

    ?: 关于 AngularJS 的数据绑定 单向绑定(ng-bind) 和 双向绑定(ng-model) 的区别:...

  • 美团面试总结

    1.angularJS双向绑定实现2.双向绑定的其他实现3.使用get,set实现双向数据绑定4.三列布局实现的三...

  • MVVM双向数据绑定的个人理解

    AngularJS 的脏检查机制 AngularJS的双向数据绑定采用的脏检查机制,所谓“脏检查”,就是检测到数据...

  • AngularJs基础

    AngularJs核心特性 MVVM 双向数据绑定(Model-View-ViewModel)model变化,...

  • AngularJs双向数据绑定

    简介 单项数据绑定:最简单的理解如果我们有一个input想要获取里面的值负值给一个变量,那么我们需要给in...

  • Angularjs与Angular2双向绑定原理

    1、angularjs(1.x)数据双向绑定原理 AngularJs 为 scope 模型上设置了一个 监听队列,...

  • Angular.js问题总结

    1.angular 的数据绑定采用什么机制?详述原理 脏检查机制。 双向数据绑定是 AngularJS 的核心机制...

  • 2018-01-19

    在AngularJs中,使用jQuery添加dom对象来使用数据双向绑定失效。 $(document).on("c...

  • AngularJS 的变化检测

    AngularJs 1.X的变化检测 双向绑定 AngularJs中引入了双向绑定机制 首先看一下模型和DOM进行...

网友评论

    本文标题:AngularJs双向数据绑定

    本文链接:https://www.haomeiwen.com/subject/xdiuuftx.html