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

Posted 2020-08-08 淡烘糕

自定义过滤器

1 mainApp.filter(‘mayfilter‘,function(){
2     return function(input){
3     (过滤逻辑代码)
4     }
5 });

 

自定义创建指令

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

 

自定义服务

ajax 公共服务示例

 1 mainApp.factory(‘ajax‘,function($http){
 2     return function(config){
 3         if(config.type == "get" || config.type == "GET"){
 4             var param = "?";
 5             for(var key in config.data){       //遍历json属性
 6                 param += key + "=" + config.data[key] + "&";
 7             }
 8             $http.get(config.url + param).success(function(data){
 9             config.success(data);
10             });
11         } else {
12         $http.post(config.url, config.data).success(function(){
13         config.success(data);
14         });
15     }
16 }