AngularJS服务Provider

来源：互联网发布：行业数据查询编辑：程序博客网时间：2024/05/18 00:48

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript" src="../AngularJS/angular.js" ></script>
       <script>
           var app = angular.module("myApp",[]);
           //自定义Provider服务
           app.provider("myProvider",function(){
               var age;
               this.setAge = function(newAge){
                   age = newAge;
               }
               this.$get = function(){
                   var student = {};
                   student.name = "张三";
                   student.ageProvider = age;
                   return student;
               }
           });
           app.config(function(myProviderProvider){
               myProviderProvider.setAge(20);
           });
           app.controller("myCtrl",function($scope,myProvider){
               $scope.name = myProvider.name;
               $scope.haha = myProvider.ageProvider;
           });
       </script>
   </head>
   <body ng-app="myApp" ng-controller="myCtrl">
       <p>{{name}}</p>
       <p>{{haha}}</p>
   </body>
</html>

阅读全文

0 0