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

Question

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

大家讲道理 · Answer

1. Secara umumnya, ia tidak disyorkan untuk mengikat terlalu banyak pembolehubah pada $rootScope, kerana ini akan memburukkan lagi kebolehselenggaraan program, ia tidak disyorkan, dan kes khas akan dikendalikan secara khusus; tapak web titleTajuk mungkin perlu ditukar dengan kerap, jadi pengikatan dalam $rootScope ini masih merupakan pilihan yang baik.
2. Angular menyediakan dua kaedah, satu adalah kaedah yang anda sebutkan, dan satu lagi adalah yang berikut:

    (function() {
    'use strict';

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

3. Secara umumnya, sudah cukup untuk menggunakan value dan constant.

1. Saya fikir dalam kes anda, anda ingin menggunakan fungsi ini dalam keseluruhan aplikasi, maka anda boleh menulisnya dalam perkhidmatan Perkhidmatan adalah untuk menyediakan kaedah umum di atas digunakan untuk menggunakan beberapa pemalam luaran atau mengkonfigurasi beberapa maklumat aplikasi Saya telah menulis contoh di sini, anda boleh melihatnya, Portal.

2. Kod khusus boleh dilihat di bawah:

Tertib di mana fail diimport

index.html

    
        constant
        
            

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

modul.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();
    }
})();