Angularjs基礎（學習整理）

AngularJS 經過 ng-directives 擴展了 HTML。

• ng-app 指令定義一個 AngularJS 應用程序。
• ng-model 指令把元素值（好比輸入域的值）綁定到應用程序。
• ng-bind 指令把應用程序數據綁定到 HTML 視圖。至關於ng表達式{{}}
• ng-repeat 指令對於集合中（數組中）的每一個項會 克隆一次 HTML 元素。

 

AngularJS 將在表達式書寫的位置"輸出"數據。
AngularJS 表達式 很像 JavaScript 表達式：它們能夠包含文字、運算符和變量。

 

AngularJS 過濾器能夠使用一個管道字符（|）添加到表達式和指令中。

• uppercase 過濾器將字符串格式化爲大寫
• lowercase 過濾器將字符串格式化爲小寫
• currency 過濾器將數字格式化爲貨幣格式
• orderBy 過濾器根據表達式排列數組
• filter 過濾器從數組中選擇一個子集

 

在 AngularJS 中，服務是一個函數或對象

• $location 服務，它能夠返回當前頁面的 URL 地址
• $http 是 AngularJS 應用中最經常使用的服務。 服務向服務器發送請求，應用響應服務器傳送過來的數據。
• $timeout 服務對應了 JS window.setTimeout 函數
• $interval 服務對應了 JS window.setInterval 函數
• $apply服務能夠修改數據

 

$http 是 AngularJS 中的一個核心服務，用於讀取遠程服務器的數據。

使用格式：

// 簡單的 GET 請求，能夠改成 POST
$http({
	method: 'GET',
	url: '/someUrl'
}).then(function successCallback(response) {
		// 請求成功執行代碼
	}, function errorCallback(response) {
		// 請求失敗執行代碼
});


//簡寫方式
$http.get('/someUrl', config).then(successCallback, errorCallback);
$http.post('/someUrl', data, config).then(successCallback, errorCallback);

 持續到6月6號， 決定暫停Angular的學習。在菜鳥教程的基礎語法學習以後，經歷了Angular官方網站實力教程的體驗，對數據雙向綁定，路由切換，數據處理分類有初步的接觸，但更多的是不肯定感，一我的作整條線的處理使用起angular沒有方向感。故做暫停。

對下一個要完成的webapp項目，具體使用什麼技術來完成還有待商榷。

目前重心依舊放在JS的基礎上。