初識angular體驗(四)-創(chuàng)新互聯(lián)
親們，大家好，又到了我們angular每周分享的時間啦，從這周開始呢我準(zhǔn)備把a(bǔ)ngular的基礎(chǔ)知識給大家講解下，歡迎大家隨時留言，一起討論問題！
主要從事網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、
成都響應(yīng)式網(wǎng)站建設(shè)公司、程序開發(fā)、微網(wǎng)站、微信平臺小程序開發(fā)等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的成都網(wǎng)站建設(shè)、
網(wǎng)站設(shè)計、網(wǎng)絡(luò)營銷經(jīng)驗，集策劃、開發(fā)、設(shè)計、營銷、管理等多方位專業(yè)化運(yùn)作于一體，具備承接不同規(guī)模與類型的建設(shè)項目的能力。
首先給大家介紹下雙向數(shù)據(jù)綁定，angular的數(shù)據(jù)綁定是數(shù)據(jù)模型(model)與視圖(view)組件的自動同步。angular的實現(xiàn)方式允許你把應(yīng)用中的模型看成單一數(shù)據(jù)源。而視圖始終是數(shù)據(jù)模型的一種展現(xiàn)形式。當(dāng)模型改變時，視圖就能反映這種改變，反之亦然。
下面我們先來看一段代碼：
`name`
以上代碼的運(yùn)行結(jié)果是學(xué)習(xí)angular。
解讀：這里的"{{}}"相當(dāng)于"ng-model"指令，其實就是一種綁定，但是僅從這個例子，不能說實現(xiàn)了雙向數(shù)據(jù)綁定。這里是將angular的數(shù)據(jù)模型（Model）的值綁定到了視圖（View）上了。
上面介紹的不能算是雙向數(shù)據(jù)綁定，下面引出真正的雙向綁定，那么雙向數(shù)據(jù)綁定有何應(yīng)用場景，什么樣的情況需要數(shù)據(jù)模型與視圖能夠相互映射相互影響呢，可能是你沒有察覺，現(xiàn)在很多的網(wǎng)站都能看到這種思想帶來的極大便捷，比如說表單，在填寫或提交表單時，界面上會根據(jù)用戶的操作做出及時的相應(yīng)，這就是一種雙向數(shù)據(jù)綁定的最有力的應(yīng)用場景。
注意：這個例子很好地詮釋了什么是雙向綁定。
`name`
運(yùn)行結(jié)果如下
首先在html中聲明了兩個標(biāo)簽：一個輸入框input和一個div塊級標(biāo)簽。
顯然采用了兩種綁定的方式：{{}}和ng-model，但是功能都是數(shù)據(jù)綁定，與js文件中控制器中的$scope.name進(jìn)行了綁定。所以，通過js中$scope.name的賦值會使得前臺Html中input和div同時顯示"學(xué)習(xí)angular"。
在輸入框中的任何輸入都會及時的反應(yīng)在下面的div中，這也說明了在Html中改變數(shù)據(jù)也會及時的映射到后臺數(shù)據(jù)模型，真正的實現(xiàn)了雙向數(shù)據(jù)綁定。
本想在本篇再介紹下angular的其它東西，限于時間和篇幅，留在下篇吧，如果覺得有用，記得點(diǎn)贊哦！?。?/p>
創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機(jī)房獨(dú)有T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。
當(dāng)前標(biāo)題：初識angular體驗(四)-創(chuàng)新互聯(lián)
文章位置：
http://weahome.cn/article/dposde.html
重慶分公司
重慶分公司
