angular中的自定义服务

来源：互联网发布：景安代理平台源码编辑：程序博客网时间：2024/06/04 23:25

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       <script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
       <script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
   </head>
   <body ng-app="myApp" ng-controller="myCtrl">

       <input type="button" value="factory方式定义服务" ng-click="fangfa1()"/>

       <script type="text/javascript">
           var mo = angular.module("myApp",[]);
           mo.controller("myCtrl",function($scope,myService){

               $scope.fangfa1 = function(){
                   myService.chifan();

                   myService.fangfa2("我还爱吃鸡","我爱吃蔬菜");
               }



           })
           //自定义服务
//           mo.filter("过滤器名字",方法)
           mo.factory("myService",function(){
               //服务里面有个方法
               var obj = {};

               obj.chifan = function(){

                   console.log("我爱吃肉。。。。。")

               }

               obj.fangfa2 = function(){

                   console.log("我爱吃肉。。。。。"+arguments[0]+"---"+arguments[1])

               }
               //定义方法
               //如果要获取值，要定义一个方法，然后在方法里面返回。
               obj.getFan = function(){

                   return arguments[0];

               }

               //请求网络
               obj.qinqiu = function($http){
                   $http.get().then();
               }
               return obj;//返回对象
           });
       </script>

   </body>
</html>

阅读全文

0 0