AngularJs服务Factory

最新推荐文章于 2020-01-20 15:00:08 发布

meng_c_

最新推荐文章于 2020-01-20 15:00:08 发布

阅读量187

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/thw_m/article/details/78253229

本文通过一个具体的示例介绍了如何使用AngularJS中的工厂来创建可复用的对象，并展示了如何在控制器中调用工厂提供的方法来设置和获取数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript" src="../AngularJS/angular.js" ></script>
       <script>
           var age = 20;
           var app = angular.module("myApp",[]);
           app.factory("myUser",function (){
               var user={
                   sex:"女"
               };
               user.name="张三";
               var age;
               user.setAge = function(newAge){
                    age = newAge;
                 }
                user.getAge = function(newAge){
                   return age;
                }
               return user;
           });
           app.controller("myCtrl",function($scope,myUser){
               //alert(myUser.name);
               myUser.setAge(20);
               $scope.age = myUser.getAge();
               alert(myUser.getAge());
           });
       </script>
   </head>
   <body ng-app="myApp" ng-controller="myCtrl">
       <p>{{age}}</p>
   </body>
</html>