<!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> varapp= 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>
如果觉得《Angularjs自定义服务~使用Module的service方法》对你有帮助，请点赞、收藏，并留下你的观点哦！
