AngularJs创建服务

最新推荐文章于 2020-09-10 16:36:17 发布

会做饭的技术男

最新推荐文章于 2020-09-10 16:36:17 发布

阅读量83

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog.php?id=h1h2c0bcbc0j&title=AngularJs%E5%88%9B%E5%BB%BA%E6%9C%8D%E5%8A%A1

版权

前端专栏收录该内容

2507 篇文章 12 订阅

订阅专栏

在开发中我们总是需要向服务器请求同样的数据,那么我们如何来把他们提取出来进行封装一下呢,这就需要用到服务了.

需要用到关键字factory了.

 1 <!DOCTYPE html>
 2 <html ng-app="factoryModule">
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script type="text/javascript" src="js/angular1.3.14.min.js"></script>
 7 </head>
 8 <body ng-controller="factoryController">
 9     <div ng-repeat="item in items">
10         <p id="{{item.age}}">{{item.name}</p>
11     </div>
12 <script>
13     var myModule=angular.module("factoryModule",[]);
14     myModule.factory("Items", function () {
15         //正常情况下这里的数据是需要到服务器那边去获取的.
16         return [
17             {age:23,name:"张三丰"},
18             {age:24,name:"郭美美"},
19             {age:22,name:"凤姐"}
20         ]
21     });
22     myModule.controller("factoryController", function ($scope,Items) {
23         $scope.items=Items;
24     });
25 </script>
26 </body>
27 </html>