服务的好处暂且不讨论，先写，
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>