angularjs1-7,供应商 

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    <script src="angular.min.js"></script>

</head>
<body ng-app="myApp">
<div ng-controller="firstController">
{{name}}
 ##name##
</div>
<script>
/*factor可以直接返回对象、字符串，service不可以返回对象、字符串*/
    var m1 = angular.module('myApp',[]);
    m1.config(['providerServices01Provider','$interpolateProvider',function(providerServices01Provider,$interpolateProvider){
        providerServices01Provider.name='张三';
        providerServices01Provider.age=50;
        $interpolateProvider.startSymbol('##');
        $interpolateProvider.endSymbol('##');
    }])

    m1.provider('providerServices01',function(){
        //可以在config里面配置的属性
        this.name='';
        this.age='';
        this.$get=function(){
            var that=this;
            var _name='';
            var service={};
            service.setName=function(name){
                _name=name;
            }
            service.getName=function(){
                return _name;
            }
            service.getConfigName=function(){
                return that.name+'age:'+that.age;
            }
            return service;
        }
    });
    m1.service('serviceServices01',function(){
        var _name='';
        this.setName=function(name){//可以使用this
            _name=name;
        }
        this.getName=function(){
            return _name;
        }
    });

    m1.factory('factoryServices01',function(){
        var _name='';
        var service={};
        service.setName=function(name){
            _name=name;
        }
        service.getName=function(){
            return _name;
        }
        return service;
    })
    console.log(m1);
    m1.controller('firstController',['$scope','providerServices01','serviceServices01','factoryServices01',function($scope,providerServices01,serviceServices01,factoryServices01){
        console.log(providerServices01);
        console.log(providerServices01.getConfigName());
        console.log(serviceServices01);
        console.log(factoryServices01);
        $scope.name='张三';
    }]);
</script>
</body>
</html>

 

posted @ 2017-07-26 16:39  无天666  阅读(376)  评论(0)    收藏  举报