AngularJs雙向數(shù)據(jù)綁定

簡介

? ? ? ? 單項(xiàng)數(shù)據(jù)綁定:最簡單的理解如果我們有一個(gè)input想要獲取里面的值負(fù)值給一個(gè)變量,那么我們需要給inptu綁定一個(gè)id再通過id獲取input再通過html或者text獲取到值給一個(gè)變量,那么變量值改變了怎么辦,input不知道我們還要通過id獲取到input在負(fù)值給input。我就問你麻不麻煩

? ? ? ? 雙向數(shù)據(jù)綁定:只要你告訴input輸出值要給誰,跟誰綁定那么我就會(huì)時(shí)時(shí)監(jiān)聽,只要綁定的值一變,我input的值就跟著變化

?? ??


Angular的執(zhí)行環(huán)境

? ? ? ? 1.倒入Angular.js(這個(gè)下載就自己去官網(wǎng)吧,或者去bootCDN)

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

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

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

? ? ? ? </div>

? ? ? ? 以上就是簡單的數(shù)據(jù)綁定,麻雀雖小五臟俱全,不要小瞧這段簡單的代碼隱藏的開發(fā)中經(jīng)常用的東東東東西呢。

????????ng-app:是angular的執(zhí)行環(huán)境,如果不加上我抱歉一切關(guān)于ng的東西不讓用。

? ? ? ? ng-init: 數(shù)據(jù)初始化,數(shù)據(jù)的初始化定義寫在這里面。

? ? ? ? ng-model: 相當(dāng)于一個(gè)管道,input的值我給text,text值變化我給input。

? ? ? ? ng-bind: 值的綁定,我會(huì)將ng-model取出來的值顯示在某個(gè)元素標(biāo)簽上


總結(jié):學(xué)好一門語言要耐心的看文檔(中文文檔,本人英文超級(jí)爛),一步一個(gè)腳印,不要急于求成,想要學(xué)習(xí)好angular放棄操作Dom的理念,只要管好自己的數(shù)據(jù)即可

Angular小弟也是剛剛自學(xué),因?yàn)閕onic需要所以水再深也要自己趟,有不對(duì)的地方希望打什么指出,小弟接受批評(píng),接下來每一天我都會(huì)將Angular的基礎(chǔ)分享出來,直到運(yùn)用ionic寫小demo。

喜歡博主的請(qǐng)給博主個(gè)關(guān)注或者mark讓博主的技術(shù)之路陪伴大家成長


? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? ? ?不積跬步無以至千里不積小流無以成江海

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,657評(píng)論 19 139
  • AngularJS是什么?AngularJs(后面就簡稱ng了)是一個(gè)用于設(shè)計(jì)動(dòng)態(tài)web應(yīng)用的結(jié)構(gòu)框架。首先,它是...
    200813閱讀 1,792評(píng)論 0 3
  • AngularJS AngularJS概述 介紹 簡稱:ng Angular是一個(gè)MVC框架 其他前端框架: Vu...
    我愛開發(fā)閱讀 2,411評(píng)論 0 8
  • “我默默地提醒自己,如果你不先和我聯(lián)系,我也不主動(dòng)和你說話?!彼@么說時(shí)還刻意表達(dá)了自己的坦誠,臉上充滿了笑意。 ...
    木頭奶奶閱讀 698評(píng)論 13 16
  • 文/沈鹿之 一 與彥青重逢那一年的秋天,云山里細(xì)雨蒙蒙,我坐在藤椅上數(shù)著手里落下的...
    沈鹿之閱讀 757評(píng)論 0 0

友情鏈接更多精彩內(nèi)容