AngularJS 學習筆記 （一） 快速上手
阿新 • • 發佈：2020-10-09
一、 AngularJS的4大特性：
1、MVC
PS：上圖的JS引入檔案 HelloAngular_MVC中存放著Model模型。如下圖所示：
2、模組化
PS：Model發生的變化，請注意看:
思維：
- html頁面 ng-app 載入模組名。 對應 JS angular.module(" 模組名 ",[ ])
- div標籤 ng-controller 指定控制器名。 對應 JS的 *.controller(" 指定控制器名 "，[‘傳遞引數的’ , 控制器對應的方法(方法對外傳遞的引數){方法體}])
- 頁面訪問時，通過ng-controller的名字，向ng-app載入的模組中尋找指定控制名，並呼叫方法取得$scope引數返回，並在指定位置顯示$scope中指定的值。
一切都是從模組開始的
3、系統指令
1、自定義標籤：比如html頁面定義了一個<hello></hello>標籤，html CSS都不認識，一般情況下會忽略。但是使用AngularJS的 directive方法，可以認出hello標籤，並替換成指定內容。可以封裝很多標籤，自由使用。
2、常見指令，比如 <html ng-app="myModule"> ng-app就是一個指令，告訴瀏覽器頁面使用指定的mudule。 還有之前頁面的<div ng-controller='controller_name'> ng-controller 也是一個指令，指定控制器方法。其他以 ng- 開頭的都是AngularJS的指令。
4、雙向資料繫結
單項資料繫結，由資料 + 前臺模板 生成後，插入到HTML標籤中顯示（VEIW）。
比如$("#id").html("lalala")
我的理解：#id 就是前臺模板，有確定的位置和相應的樣式。
"lalala" 就是資料。
執行完畢後，頁面的 "#id" 元素的內容被更換為"lalala"。這就是單項資料繫結。一旦生成，除非重新載入，否則不改變。
雙向資料繫結，檢視（VEIW）和資料是對應的。
當檢視上面的內容發生變化時，資料模型也立刻發生改變。
當資料模型發生改變的時候，檢視上面的內容自動去更新。
一個例子，當input標籤中的內容發生變化時，P標籤的內容立刻更新。
白底的圖，可能看的不清楚。
如果那裡說的不對，請指教。
如果哪裡理解偏差，請指正。
謝謝！
轉載於:https://my.oschina.net/asktao/blog/685576