angularjs中的service

最新推荐文章于 2024-02-22 00:35:34 发布

timelessmemoryli

最新推荐文章于 2024-02-22 00:35:34 发布

阅读量407

点赞数

分类专栏： Angularjs 文章标签： angularjs 服务

本文链接：https://blog.csdn.net/u014788227/article/details/50420770

版权

Angularjs 专栏收录该内容

55 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="bootstrap.min.css">
        <script src="jquery.min.js"></script>
        <script src="angular.min.js"></script>
        <script src="bootstrap.min.js"></script>
        <script type="text/javascript">
            var myapp = angular.module('myapp', []);
            myapp.controller('myController', function($scope, myService) {
                $scope.send =function() {
                    myService.getData();
                }
                $scope.send2 =function() {
                    myService.getData();
                }
            });
            myapp.factory('myService', function() {
                tmp = {
                    arrays : [1,2,3,4],
                    getData : function() {
                        tmp.arrays.pop();
                        console.log(tmp.arrays);
                    }
                };
                return tmp;
            });
        </script>
        <style type="text/css">
        </style>
    </head>
    <body ng-app="myapp">
       <div ng-controller="myController">
            <button class="btn btn-primary" ng-click="send()">Send</button>
            <button class="btn btn-primary" ng-click="send2()">Send</button>
       </div>
    </body>

</html>

左右依次循环点击按钮，结果

[1, 2, 3]
[1, 2]
[1]
[]

可见，ｓｅｒｖｉｃｅ是单例，共享数据．

timelessmemoryli

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularjs中的service

var myapp = angular.module('myapp', []); myapp.controller('myController', function($scope, myService) { $scope.send =function() { myService.getData()
复制链接

扫一扫