angular自定义服务

来源：互联网发布：php常用插件编辑：程序博客网时间：2024/05/17 21:49

在与服务有关的几个方法的执行顺序

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>只有provider可以进行config配置</title><script src="day2/src/angular.js"></script><style type="text/css"></style></head><body><div ng-app="fristApp"><div ng-controller="fristController"></div></div></body><script type="text/javascript">var myApp = angular.module('fristApp',[],function($provide){});myApp.run(function(){console.log("run")})// 用于全局的配置 供应商概念 服务名+Provider ，这里proProvider就是指的pro服务。// 在服务指向之前就进行配置服务的信息。myApp.config(function(proProvider){proProvider.name = "proGongYing";console.log("progong");});/* module创建 执行provider方法 拥有了对应的pro服务 拥有了proProvider供应商 执行config方法 在config中对服务进行控制配置 使用pro服务 实际上使用的是pro服务中$get返回的对象 * */// 只有provider创建的服务才有供应商。在config中只能注入providermyApp.provider('pro',function(){console.log("pro")this.name = "zhangsanreturnget";this.age = 40;this.$get = function(){var _this = this;var service = {};service.getName = function(){return _this.name;};service.getAge = function(){return _this.age;};return service}});myApp.controller('fristController',function(pro){//pro.name = "fujichao"console.log(pro.getName());console.log(pro.getAge())})</script></html>

0 0