一、angularJS優點和缺點
優點
1.1免去重復勞動-獲取元素、給元素加事件、創建元素
1.2接管UI:angularJS根據數據創建UI元素,免去手工創建UI元素。
1.3自動同步:根據數據個數創建對應的html元素。
缺點
二、angularJS一切皆數據
三、angularJS三要素
4.1 ng-model:數據從哪里來
4.2 ng-bind:數據到哪里去
4.3 ng-app:那塊歸AngularJS管
四、angularJS是MVC框架
M-Model ->ng-model
V-View ->{{}}
C-Controller ->1.業務邏輯 2.angularJS與原生JS橋梁 3.$scope
五、Controller
var mod = angular.module('main_mod',[]); //<html ng-app="main-mod"></html>
//往模塊里面添加東西
mod.controller('contr1',function($scope,$http){ //<body ng-controller="contr1"></body>
//controller代碼
//$scope-所有angular的數據都在$scope上
$scope.a=0;
$scope.b=0;
/*增加parseInt函數*/
$scope.parseInt=function(n){
return parseInt(n);
}
/*增加alert函數*/
$scope.alert=function(str){
window.alert(str);
}
/**
*讀取數據
*$http.get()返回Promise對象
*/
$http.get('user.txt').success(function(arr){
alert(arr);
}).error(function(){
alert('錯誤');
});
});
六、雙向綁定
雙向-可進可出
輸入框-既可以輸入,也可以輸出
*所有的數據是雙向的-數據<->UI
七、依賴注入
把依賴項注入進去
函數:函數的參數由定義決定?還是由調用決定?
js原生函數的參數由調用決定,angularJS將這種情況反轉了,angular函數要什么參數就有什么參數。
總結:
1、angularJS和原生JS不互通,從而避免全局污染。
2、angularJS所有的東西都在$scope里,需要的數據都在$scope上找。
3、angularJS一切皆數據