angular入门-如何写一个服务

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

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>

 

posted @ 2014-07-03 18:57  昊天翱翔  阅读(319)  评论(0)  编辑  收藏  举报