AngularJS服务Provider

最新推荐文章于 2020-01-20 15:54:56 发布

meng_c_

最新推荐文章于 2020-01-20 15:54:56 发布

阅读量310

点赞数

本文链接：https://blog.csdn.net/thw_m/article/details/78253242

版权

<!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>