码迷,mamicode.com
首页 > 其他好文 > 详细

angular入门-如何写一个服务

时间:2014-07-05 17:18:11      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:style   blog   java   color   width   数据   

服务的好处暂且不讨论,先写,

1.定义模块

2.利用工厂方法写服务

3.注入到controller

1.

 1 <!doctype html>
 2 <html ng-app="myApp">
 3     <head>
 4         <script src="angular.js"></script>
 5         <style type="text/css">
 6             .btn{
 7                 width: 60px;
 8                 height: 30px;
 9                 line-height: 30px;
10                 text-align: center;
11                 border-radius: 10px;
12                 border: solid 1px blue;
13             }
14             .error{
15                 border:solid 1px red;
16             }
17             .warning{
18                 color: yellow;
19             }
20         </style>
21     </head>
22     <body ng-controller="myController">
23     
24             <ul>
25                 <li ng-repeat="item in items">
26                     {{item.name}}
27                 </li>
28             </ul>
29         <script type="text/javascript">
30             var myApp = angular.module(myApp,[]);//定义模块
31             myApp.factory(Items,function  () {//定义服务Items
32                 var items = {};
33                 items.query = function  () {
34                     return [
35                         {
36                             name:111
37                         },
38                         {
39                             name:222
40                         }
41                     ];
42                 }
43                 return items;
44             });
45             function myController ($scope,Items) {//定义controller 并且依赖注入Items (Items其实就是一个对象)服务
46                 $scope.items = Items.query();//调用服务返回给我们所需要的数据
47             }
48         </script>
49     </body>
50 </html>

 

angular入门-如何写一个服务,布布扣,bubuko.com

angular入门-如何写一个服务

标签:style   blog   java   color   width   数据   

原文地址:http://www.cnblogs.com/knightshibiao/p/3823041.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!