美文网首页程序员
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让博主的技术之路陪伴大家成长


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

    相关文章

      网友评论

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

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