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

最新推荐文章于 2020-11-25 17:17:01 发布

原创最新推荐文章于 2020-11-25 17:17:01 发布 · 241 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在 AngularJS 中实现自定义过滤器、指令和服务。包括创建自定义指令的具体方法及其属性设置，以及通过工厂模式实现 AJAX 公共服务的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自定义过滤器

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 }