angular.js - 在angular中定义模块的全局变量有哪些方法？示例代码？

Question

例如， {代码...} 再例如，绑定在$rootScope上面。 感觉自己脑子里对这些有些模糊，想讨论一下这个主题。 https://docs.angularjs.org/api/ng/type/angular.Module这个页面里的api都怎么用，感觉只看文档不是很明...

大家讲道理 · Answer

1. Generally speaking, it is not recommended but it is still a good choice in $rootScope上面绑定过多的变量，这样一来程序的可维护性就会变差；当然只是不建议，特殊情况特殊处理；比如网站的title标题可能要经常换，所以这个绑定在$rootScope.
2. Angular provides two methods, one is the one you mentioned, and the other is the following:

    (function() {
    'use strict';

    angular
        .module('app')
        .constant('toastr', toastr)
        .constant('moment', moment);
})();

3. Generally speaking, it is enough to use value和constant.

1. I think in your case you want to use this function in the entire application, then you can write it in the service. Angular's Service is to provide global public methods; the above usage method is to use some External plug-ins, or used to configure some application information, I have written an example here, you can take a look, Portal.

2. The specific code can be seen below:

The order of importing files

index.html

    
        constant
        
            

                {{vm.test}}
            
            {{vm.my_key}}

module.js

    (function(window){
    // ..
    // exports

    var Test = {
        hello: function(){
            console.log('hello');
        }
    };

    window.Test = Test;

})(window);

app.js

    (function(){

    angular.module('MyApp', [])
        .constant('Test', Test)
        .constant('MyKey', 'q123nasbd12y38basd237y')
        .controller('MyController', MyController)
        .service('Service', Service);


    MyController.$inject = ['Test', 'Service', 'MyKey'];
    Service.$inject = [];


    function Service(){
        var service = {
            info: info
        };

        return service;

        function info(){
            return 'info';
        }
    }

    function MyController(Test, Service, MyKey){
        var vm = this;
        vm.test = Service.info();
        vm.my_key = MyKey;
        Test.hello();
    }
})();

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial