angularJS自定义过滤器、服务和指令

时间:2022-07-18 02:31:42

自定义过滤器

 mainApp.filter('mayfilter',function(){
return function(input){
(过滤逻辑代码)
}
});
 

自定义创建指令

 mainApp.derectiv("derectiveName",function(){
return {
restrict:"E", //定义类型:E(元素),C(class),A(属性),M(注释)
template:"<p>hello,angula<span ng-transclude></span></p>",
replace:true, //在html隐藏的热长TIveName; true全盘替换
transclude:true //乾坤大挪移
}
})
 

自定义服务

ajax 公共服务示例

 mainApp.factory('ajax',function($http){
return function(config){
if(config.type == "get" || config.type == "GET"){
var param = "?";
for(var key in config.data){ //遍历json属性
param += key + "=" + config.data[key] + "&";
}
$http.get(config.url + param).success(function(data){
config.success(data);
});
} else {
$http.post(config.url, config.data).success(function(){
config.success(data);
});
}
}