angular $provide factory constant value

最新推荐文章于 2021-10-13 18:07:19 发布

原创最新推荐文章于 2021-10-13 18:07:19 发布 · 522 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

79 篇文章

订阅专栏

本文介绍了Angular中创建服务的四种主要方法：使用$provide内置服务、factory模块方法、service模块方法及利用value创建常量服务。文章通过具体示例展示了每种方法的特点及应用场景。

angular  创建服务的四种方式

    第一种 $provide  内置服务创建
        angular.module('app', [], function($provide) {
            $provide.factory('$kk', function() {
                var obj = {
                    name: 'hello'
                };
                return obj;
            })
        }).controller('myCtrl', function($scope, $kk) {
            console.log('$kk', $kk);
        })

    第二种 factory 模块方法    
        angular.module('app', [])
        .factory('$kk',function() {
            return {};
        }).controller('myCtrl', function($scope, $kk) {
            console.log('$kk', $kk);
        })


    第三种 service  模块方法
        //需要传递一个构造函数,必须是一个构造函数
        angular.module('app', [])
        .service('$kk', function() {
            this.name = 'hello';
            this.say = function() {
                return this.name + 'world';
            }
        }).controller('myCtrl', function($scope, $kk) {
            console.log('$kk', $kk.name);
            console.log('$kk', $kk.say());
        })  

        constant和value 创建服务用来返回一个常量

    第四种  value  
        angular.module('app', [])
        .value('$kk',{
            HELLO: 'hello'
        }).controller('myCtrl', function($scope, $kk) {
            console.log('$kk', $kk.HELLO); // hello
            //借助angular.extend() 可以修改常量值。 需要借助$RATE 内置的服务
            angular.extend($RATE, {HELLO: 'world'})
            console.log('$kk', $kk.HELLO); //world
        })

        constant 用法和 value 相同 两者之间最大的区别是，constant服务创建的常量可以被注入到config之中去，所以constant常用来创建配置数据，value用来创建对象和函数。