標籤:angular angularjs
AngularJS是Google開發的前端架構,angular.js僅有1500行,致力於減輕開發人員在開發AJAX應用程式中的痛苦。
AngularJS應用中:view就是DOM,controller就是Javascript類,model儲存在對象屬性中。
資料繫結可自動將model和view間的資料同步。Angular實現資料繫結的的方式,可以讓我們把model當作程式中唯一可信的資料來源。view始終是model的投影。不管是model或者view發生變化時,會自動反映到對方,資料繫結是雙向的。Template是在瀏覽器中編譯的,在編譯階段產生一個即時更新的視圖。model成為程式中唯一真實的資料來源。
Angular的依賴注入只是簡單的擷取它所需要的東西,而不需要建立它們所依賴的東西。簡而言之,依賴注入關係Angular會智能地幫開發人員處理好,不需要開發人員操心。
資料繫結
ng-app指明AngularJS範圍。
{{Angular運算式}}運算式不能有條件分支,迴圈,拋出異常。
ng-model對應view中value的model。
<!DOCTYPE html><html><head> <title></title></head><body ng-app> <input type="text" ng-model="abc" value="" placeholder="world"> <br> hello {{abc||"world"}}! <script src="http://cdn.bootcss.com/angular.js/1.4.0-rc.1/angular.js"></script></body></html>
650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/6D/CE/wKiom1VsE0mQdkarAABKQ3Z52Cs580.jpg" title="1111.png" alt="wKiom1VsE0mQdkarAABKQ3Z52Cs580.jpg" />
對input text的更改會及時反映到下面。
AngularJS 學習筆記(一)