首页 > 代码库 > angular入门-如何写一个服务

angular入门-如何写一个服务

2024-07-10 18:37:28   228人阅读

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

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  () {//定义服务Items32                 var items = {};33                 items.query = function  () {34                     return [35                         {36                             name:11137                         },38                         {39                             name:22240                         }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>

 


联系
我们