angular是MVC的一個(gè)框架怪嫌。
angular模塊化
1.定義模塊
angular.module('名字',[依賴的其他模塊]);
2.引用模塊
ng-app="模塊名字"
依賴項(xiàng)
$scope ? ? ? ? ? ng作用域懦铺,所有的ng數(shù)據(jù)都在$scope上 依賴項(xiàng)
$http
? ? ? ? ? ? ?$http.get();
? ? ? ? ? ? ?$http.get().then(function(){},function(){})
? ? ? ? ? ? ?$http.post();
? ? ? ? ? ? ? $http.jsonp();
$interval
$timeout
ng-指令
ng-app ? ? ? ? ??這個(gè)放哪就說(shuō)明哪歸angular管 必須有
ng-controller
? ? ? ? ? ? ? ? 使用controller:
? ? ? ? ? ? ? ? 1.定義controller
? ? ? ? ? ? ? ? ?①angular.module('main',[]).controller('',function(){})
? ? ? ? ? ? ? ? ?②var app=angular.module('app',[]);? app.controller()
? ? ? ? ? ? ? ? ? 2.引用controller
?ng-controller="名字"
ng-init
ng-model
自定義controller:
模塊.controller(名字, function (){...controller代碼...});
自定義filter:
模塊.filter(名字, function (){...filter代碼...});
自定義directive:
模塊.directive(名字, function (){...directive代碼...});
自定義service:
模塊.service(名字, function (){...service代碼...});
自定義filter:
模塊.filter(名字, function (){
? ? ? ? ?return function (input, arg){
? ? ? ? ? ? ? ? ? return '處理好的結(jié)果';
? ? ? ? ? ?};
});
使用:
{{數(shù)據(jù)|filter:"參數(shù)"}}
↑ ? ? ? ? ? ? ? ? ? ↑
input ? ? ? ? ? ? ?arg