Angularjs自定义服务~使用Module的service方法

来源：互联网发布：校园异术超能小说知乎编辑：程序博客网时间：2024/05/22 23:28

<!DOCTYPE html><html>   <head>      <meta charset="UTF-8">      <title>Angularjs自定义服务~使用Module的service方法</title>      <!--  如同指令一样，系统内置的服务以$开头，自己定义一个服务。定义服务的方式有如下几种：         · 使用Module的factory方法         · 使用Module的service方法         · 使用系统内置的$provide服务                       2. service：可以认为是一个类型，只要把属性和方法添加到this对象上即可,不用显式返回什么对象。                   它是一个可注入的构造器，在AngularJS中它是单例的，用它在Controller中通信或者共享数据都很合适。                  service可以定义基本类型引用类型数据，也可以定义方法  -->      <script type="text/javascript" src="../js/angular.js" ></script>      <script>         var app = angular.module("myApp",[]);                  // （1）在当前应用程序app自定义服务：myService         app.service("myService",function(){            this.name = "罗茜";     //自定义name属性添加到this对象上            this.fun = function(){ //自定义一个命名函数               alert("大明星");            };         });                  //在控制器myCtrl的作用域中调用服务myService中数据         app.controller("myCtrl",function($scope,myService){            $scope.name = myService.name;            $scope.fun = myService.fun;         });      </script>   </head>      <body ng-app="myApp" ng-controller="myCtrl">      <p ng-click="fun()">{{name}}</p>   </body></html>

阅读全文

0 0