AngularJs通过service自定义服务

最新推荐文章于 2020-01-20 15:29:35 发布

K'illCode

最新推荐文章于 2020-01-20 15:29:35 发布

阅读量387

点赞数

分类专栏： angularJS 文章标签： angularJs

angularJS 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

与factory类似，AngularJs也可以通过service来自定义服务，只是在return返回数据的写法上稍有不同，具体代码如下：

HTML部分：

 
       01<body ng-app="app" ng-controller="ctr" ng-cloak class="ng-cloak">
 
       02    <table cellpadding="0" cellspacing="0">
 
       03        <thead>
 
       04            <tr>
 
       05                <td>网站名称</td>
 
       06                <td>网站地址</td>
 
       07            </tr>
 
       08        </thead>
 
       09        <tbody>
 
       10            <tr ng-repeat="(key, value) in data">
 
       11                <td>{{value.webname}}</td>
 
       12                <td>{{value.weburl}}</td>
 
       13            </tr>
 
       14        </tbody>
 
       15    </table>
 
       16</body>

JavaScript部分：

 
       01<script type="text/javascript" src="http://www.zymseo.com/js/angular.min.js"></script>
 
       02<script type="text/javascript">
 
       03    var m = angular.module('app', []);
 
       04     
 
       05    m.service('zymBlog', ['$http', function($http){
 
       06        this.get = function(){
 
       07            return $http({
 
       08                'url' : './1.php',
 
       09                'method' : 'post'
 
       10            }).then(function(result){
 
       11                return result.data;
 
       12            });
 
       13        }
 
       14    }]);
 
       15     
 
       16    m.controller('ctr', ['$scope', 'zymBlog', function($scope, zymBlog){
 
       17        zymBlog.get().then(function(result){
 
       18            $scope.data = result;
 
       19        });
 
       20    }]);
 
       21</script>

PHP部分：

 
       1<?php
 
       2    header('Content-type:text/html;charset="utf-8"');
 
       3     
 
       4    $arry = array(
 
       5        array('webname'=>'赵一鸣技术博客', 'weburl'=>'http://www.zymseo.com'),
 
       6        array('webname'=>'太原雅辉装修网', 'weburl'=>'http://www.0351zhuangxiu.com')
 
       7    );
 
       8     
 
       9    echo json_encode($arry);