Angular.js是什么
AngularJS主要用於構建單頁面Web應用。它通過增加開發人員和常見Web應用開發任務之間的抽象級別,使構建交互式的現代Web應用變得更加簡單。
AngularJS使開發Web應用變得非常簡單,同時也降低了構建復雜應用的難度。它提供了開發者在現代Web應用中經常要用到的一系列高級功能,例如:
1.解耦應用邏輯、數據模型和視圖;
2.Ajax服務;
3.依賴注入;
4.瀏覽歷史(使書簽和前進、后退按鈕能夠像在普通Web應用中一樣工作);
5.測試等。
AngularJS有着諸多特性,最為核心的是:MVVM、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入。
Hello World
上代碼了,經典的hello world
<!DOCTYPE html> <html ng-app> <head> <title></title> <script src="Scripts/angular.min.js" type="text/javascript"></script> </head> <body> <input ng-model="name" type="text" placeholder="Your name" /> <h1>hello {{name}}</h1> </body> </html>
頁面中引用angular.js,並在某個DOM元素上明確設置ng-app屬性。ng-app屬性聲明所有被其包含的內容都屬於這個AngularJS應用,這也是我們可以在Web應用中嵌套AngularJS
應的原因。只有被具有ng-app屬性的DOM元素包含的元素才會受AngularJS影響。
把文本框的內容改為“博客園”,
自動數據綁定,當客戶端模型數據發生改變,視圖直接反映出這些變化,也不需要自定義代碼,是不是感覺很方便呢,如果用js自己實現這么一個效果可能要寫一串代碼了。
這就是angular最基本的數據綁定了。
最近項目用到了angular.js,項目也快結束了,記錄下angular在使用中遇到的一些問題。