AngularJS 學習筆記 （一） 快速上手
1、 AngularJS的4大特性：
一、MVC
PS：上圖的JS引入文件 HelloAngular_MVC中存放着Model模型。以下圖所示：html
二、模塊化
PS：Model發生的變化，請注意看:瀏覽器
思惟：app
- html頁面 ng-app 加載模塊名。 對應 JS angular.module(" 模塊名 ",[ ])
- div標籤 ng-controller 指定控制器名。 對應 JS的 *.controller(" 指定控制器名 "，[‘傳遞參數的’ , 控制器對應的方法(方法對外傳遞的參數){方法體}])
- 頁面訪問時，經過ng-controller的名字，向ng-app加載的模塊中尋找指定控制名，並調用方法取得$scope參數返回，並在指定位置顯示$scope中指定的值。
一切都是從模塊開始的模塊化
三、系統指令
一、自定義標籤：好比html頁面定義了一個<hello></hello>標籤，html CSS都不認識，通常狀況下會忽略。可是使用AngularJS的 directive方法，能夠認出hello標籤，並替換成指定內容。能夠封裝不少標籤，自由使用。spa
二、常見指令，好比 <html ng-app="myModule"> ng-app就是一個指令，告訴瀏覽器頁面使用指定的mudule。 還有以前頁面的<div ng-controller='controller_name'> ng-controller 也是一個指令，指定控制器方法。其餘以 ng- 開頭的都是AngularJS的指令。htm
四、雙向數據綁定
單項數據綁定，由數據 + 前臺模板 生成後，插入到HTML標籤中顯示（VEIW）。input
好比$("#id").html("lalala")模板
個人理解： #id 就是前臺模板，有肯定的位置和相應的樣式。angular
"lalala" 就是數據。module
執行完畢後，頁面的 "#id" 元素的內容被更換爲"lalala"。這就是單項數據綁定。一旦生成，除非從新加載，不然不改變。
雙向數據綁定，視圖（VEIW）和數據是對應的。
當視圖上面的內容發生變化時，數據模型也馬上發生改變。
當數據模型發生改變的時候，視圖上面的內容自動去更新。
一個例子，當input標籤中的內容發生變化時，P標籤的內容馬上更新。
白底的圖，可能看的不清楚。
若是那裏說的不對，請指教。
若是哪裏理解誤差，請指正。
謝謝！
- 1. AngularJS 學習筆記 （一） 快速上手
- 2. [Docker]Docker快速上手學習筆記
- 3. Nunit2.5.10快速上手（筆記）
- 4. AngularJS 學習筆記---AngularJS 參考手冊
- 5. AngularJS學習筆記（一）走近AngularJS
- 6. AngularJs學習筆記一
- 7. 學習Requests－快速上手
- 8. UE4（一）快速上手入門學習
- 9. 機器學習（一）——sklearn 快速上手
- 10. AngularJS學習筆記之一： AngularJS入門
- 更多相關文章...
- • ASP 快速參考 - ASP 教程
- • Eclipse 快速修復 - Eclipse 教程
- • Tomcat學習筆記（史上最全tomcat學習筆記）
- • Kotlin學習（一）基本語法
-
每一个你不满意的现在，都有一个你没有努力的曾经。