Angularjs自定义服务~使用Module的provider方法
来源:互联网 发布:软件开发工程师 编辑:程序博客网 时间:2024/06/08 00:09
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Angularjs自定义服务~使用Module的provider方法</title> <!-- 如同指令一样,系统内置的服务以$开头,自己定义一个服务。定义服务的方式有如下几种: · 使用Module的factory方法 · 使用Module的service方法 · 使用系统内置的$provide服务 3. provider:只有provder是能传 .config() 函数的 service。 如果想在 service 对象启用之前,先进行模块范围的配置,那就应该选择 provider。 需要注意的是:在config函数里注入provider时,名字应该是:自定义provider+Provider。 --> <script type="text/javascript" src="../js/angular.js" ></script> <script> var app = angular.module("myApp",[]); //(1)在config函数里注入provider时,名字应该是:自定义provider+Provider,如下: app.config(function(myProviderProvider){ alert("自定义provider服务 执行顺序:1 先在config函数里注入自定义provider服务名称,可以设置属性值"); myProviderProvider.setAge(43); //在config函数里设置属性值 }); // 在当前应用程序app自定义服务对象:myProvider app.provider("myProvider",function(){ var age; //(2)自定义属性以函数传参的形式添加到this对象上 this.setAge = function(newAge){ age = newAge; alert("自定义provider服务 执行顺序:2 再把自定义属性以函数传参的形式添加到this对象上"); } //使用$get 发送提交数据,Provider提供了一个factory方法get(),它用于返回value值、service或factory服务数据 this.$get = function(){ //自定义对象,声明属性及其值,把先前定义的变量值赋给当前对象变量,最后返回新的对象 var star = {}; star.name = "吴京"; star.starAge = age; return star; } }); //(3)在控制器myCtrl的作用域中调用自定义服务myProvider中数据 app.controller("myCtrl",function($scope,myProvider){ alert("自定义provider服务 执行顺序:3 最后在控制器myCtrl的作用域中调用自定义服务myProvider中数据"); $scope.name = myProvider.name; $scope.starAge = myProvider.starAge; }); </script> </head> <body ng-app="myApp" ng-controller="myCtrl"> <p>偶像实力派:{{name}} 年龄:{{starAge}}</p> </body></html>
阅读全文
0 0
- Angularjs自定义服务~使用Module的provider方法
- Angularjs自定义服务~使用Module的factory方法
- Angularjs自定义服务~使用Module的service方法
- AngularJS的自定义服务,factory、provider、service、constant、value等方法的区别
- AngularJs基础——自定义服务的三种方法以及provider供应商
- AngularJs基础——自定义服务的三种方法以及provider供应商
- angularjs factory,service,provider 自定义服务的不同
- 《AngularJS》------自定义服务 provider、service、factory
- angularJs自定义服务(factory,service,provider)
- angularJS自定义服务的两种方法
- AngularJS的自定义服务
- AngularJS服务Provider
- angularJs中的provider服务
- 深究AngularJS——自定义服务详解(factory、service、provider)
- 深究AngularJS——自定义服务详解(factory、service、provider)
- 深究AngularJS——自定义服务详解(factory、service、provider)
- 深究AngularJS——自定义服务详解(factory、service、provider)
- 深究AngularJS——自定义服务详解(factory、service、provider)
- 【队内胡策】2017.10.16
- centos7下使用yum安装mysql5.7.10
- js获取地址栏参数的值
- Jquery validate验证表单时多个name相同的元素
- python-mysql安装错误问题
- Angularjs自定义服务~使用Module的provider方法
- Decorator Design Pattern
- myeclipes mac版下载与破解
- bzoj1049 数字序列
- Hibernate Validator 6总结
- 26、Selenium + Python 实现 UI 自动化测试-调用 JavaScript 操作滚动条
- JavaScript中将九九乘法口诀在9乘9表格中输出
- 互斥量和条件变量实现生产者消费者模型
- 记事本代码