14-Angular供应商和自定义服务

<div ng-controller="Aaa">
    <!-- {{name}} -->
    @@name@@
</div>

<script type="text/javascript">

var m1 = angular.module(‘myApp‘,[]);

m1.config([‘$interpolateProvider‘,function($interpolateProvider){

    //配置表达式 {{}}
    $interpolateProvider.startSymbol(‘@@‘);
    $interpolateProvider.endSymbol(‘@@‘);

}]);

m1.controller(‘Aaa‘,[‘$scope‘,‘$log‘,function($scope,$log){
    $scope.name = ‘xiecg‘;
    $log.debug(‘hello‘);
}]);

</script>

<script type="text/javascript">

    var m1 = angular.module(‘myApp‘,[]);
    m1.config([‘$logProvider‘,function($logProvider){
        $logProvider.debugEnabled(false);    //为false禁用debug功能
    }]);
    m1.controller(‘Aaa‘,[‘$scope‘,‘$log‘,function($scope,$log){
        $log.debug(‘hello‘);
    }]);

</script>

<script type="text/javascript">

var m1 = angular.module(‘myApp‘,[]);
m1.factory(‘myService‘,function(){
    return {
        name : ‘xiecg‘,
        getName : function(){
            return this.name;
        }
    };
});

m1.controller(‘Aaa‘,[‘$scope‘,‘myService‘,function($scope,myService){
    console.log(myService.getName());
}]);
</script>

<script type="text/javascript">

var m1 = angular.module(‘myApp‘,[]);

m1.config([‘myServiceProvider‘,function(myServiceProvider){
    console.log(myServiceProvider);
    myServiceProvider.name = ‘XCG‘;
}]);
m1.provider(‘myService‘,function(){
    return {
        name : ‘xiecg‘,
        $get : function(){
            return {
                name : this.name,
                getName : function(){
                    return this.name;
                }
            };
        }
    };
});


m1.controller(‘Aaa‘,[‘$scope‘,‘myService‘,function($scope,myService){
    console.log(myService.getName());
}]);
</script>

<script type="text/javascript">

var m1 = angular.module(‘myApp‘,[]);

m1.config([‘myRandomNumProvider‘,function(myRandomNumProvider){
    myRandomNumProvider.int(true);
}]);
m1.provider(‘myRandomNum‘,function(){
    return {
        bolInt : false,
        int : function(argBol){
            this.bolInt = argBol ? true : false;
        },
        $get : function(){
            var _this = this;
            return function(num1,num2){
                return _this.bolInt ? Math.round(Math.random() * (num2 - num1) + num1) : Math.random() * (num2 - num1) + num1;
            };
        }
    };
});

m1.controller(‘Aaa‘,[‘$scope‘,‘myRandomNum‘,function($scope,myRandomNum){
    console.log(myRandomNum(1,10));
}]);
</script>

<script type="text/javascript">

var m1 = angular.module(‘module‘,[]);
m1.factory(‘myService‘,function(){
    return {
        name : ‘xiecg‘,
        getName : function(){
            return this.name;
        }
    };
});

var m2 = angular.module(‘myApp‘,[‘module‘]);    //m2模块需要m1模块的服务，引入m1模块的名字即可
m2.controller(‘Aaa‘,[‘$scope‘,‘myService‘,function($scope,myService){
    console.log(myService);
}]);

</script>