AngularJS 學習筆記(一)

來源:互聯網
上載者:User

標籤: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 學習筆記(一)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.