angular--自定义服务--在多个控制器中传递参数factory+service+provider

最新推荐文章于 2022-01-19 23:11:35 发布

郭浩326

最新推荐文章于 2022-01-19 23:11:35 发布

阅读量1.1k

点赞数

分类专栏： angular

本文链接：https://blog.csdn.net/guohao326/article/details/72757792

版权

angular 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/angular.min.js"></script>
</head>
<body ng-controller="my">
        <span ng-bind="name1"></span>
        <span ng-bind="name2"></span>
        <span ng-bind="name3"></span>
</body>
<script>
    var app=angular.module("myApp",[]);
    app.controller("my",["$scope","serv","serv2","serv3",
        function ($scope,s1,s2,s3) {
        $scope.name1=s1;
        $scope.name2=s2;
        $scope.name3=s3;
    }])
    //    factory方式实现的自定义服务在项目中使用较为频繁，
    //          以其简单的语法和使用方式流行
    app.factory("serv",function () {
        var _v="第一种factory";
        return _v;
    })
 //    service方式实现的自定义服务，返回的数据必须是JSON对象，
//          在某些项目中为了规范数据的返回值，约定统一使用对象进行处理。
//          service就比较符合这样的规范，所以使用较为频繁
    app.service("serv2",function () {
        return {_v2 : "第二种service"};
    })

//    provider自定义服务，在angular框架内部使用较多，
//        由于代码操作更加趋于底层造成代码可读性的降低，
//        对于常规项目开发有一定的难度，所以项目开发使用较少
    app.provider("serv3",function () {
        this.$get = function () {
            return { _v3 : "第三种provider"};
        }
    })

</script>
</html>