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

来源:互联网 发布:奶牛场优化养殖 编辑:程序博客网 时间:2024/06/06 01:51
<!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>
阅读全文
0 0
原创粉丝点击