簡介
? ? ? ? 單項(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。