溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇內(nèi)容介紹了“angular怎么實現(xiàn)雙向數(shù)據(jù)綁定”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！
angular是一個MVC框架，最適于開發(fā)客戶端的單頁面應(yīng)用。它不是個功能庫，而是用來開發(fā)動態(tài)網(wǎng)頁的框架。它專注于擴展HTML的功能，提供動態(tài)數(shù)據(jù)綁定，而且它能跟其它框架（如jQuery）合作融洽。
如果你要開發(fā)的是單頁應(yīng)用，angular就是你的上上之選。Gmail、Google Docs、Twitter和Facebook這樣的應(yīng)用，都很能發(fā)揮angular的長處。但是像游戲開發(fā)之類對DOM進行大量操縱、又或者單純需要極高運行速度的應(yīng)用，就不是angular的用武之地了。
所說angular不是萬能的，在該需要用的時候，我們要合理的運用，并讓其發(fā)揮其重要作用。
下面我來舉個小例子讓大家來看看它的神奇之處！
特性一：雙向數(shù)據(jù)綁定
數(shù)據(jù)綁定是angular最酷最實用的特性。它能夠幫助你避免書寫大量的初始代碼從而節(jié)約開發(fā)時間。一個典型的web應(yīng)用可能包含了80%的代碼用來處理，查詢和監(jiān)聽DOM。數(shù)據(jù)綁定能夠使代碼更少，你可以專注于你的應(yīng)用。
我們想象一下Model是你的應(yīng)用中的簡單事實。你的Model是你用來讀取或者更新的部分。數(shù)據(jù)綁定指令提供了你的Model投射到view的方法。這些投射可以無縫的，毫不影響的應(yīng)用到web應(yīng)用中。
傳統(tǒng)來說，當(dāng)model變化了。開發(fā)人員需要手動處理DOM元素并且將屬性反映到這些變化中。這個一個雙向的過程。一方面，model變化驅(qū)動了DOM中元素變化，另一方面，DOM元素的變化也會影響到Model。這個在用戶互動中更加復(fù)雜，因為開發(fā)人員需要處理和解析
這些互動，然后融合到一個model中，并且更新View。這是一個手動的復(fù)雜過程，當(dāng)一個應(yīng)用非常龐大的時候，將會是一件非常費勁的事情。
這里肯定有更好的解決方案！那就是angular的雙向數(shù)據(jù)綁定，能夠同步DOM和Model等等。
<!doctype html>
<html ng-app="demoApp">
<head>
<script src="http://m.cnblogs.com/142260/js/angular.min.js" rel="nofollow"/>
</head>
<body>
<div>
<label>Name:</label>
<input type="text" ng-model="user.name" placeholder="請輸入名字">
<hr>
<h2>Hello, `user`.`name`!</h2>
</div>
</body>
</html>
“angular怎么實現(xiàn)雙向數(shù)據(jù)綁定”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
