angular.js - Apakah cara untuk menentukan pembolehubah global modul dalam sudut? Contoh kod?

Question

Contohnya, {code...} Untuk contoh lain, ikatkannya pada $rootScope. Saya rasa fikiran saya agak kabur tentang perkara ini dan saya ingin membincangkan topik ini. Cara menggunakan API dalam halaman ini https://docs.angularjs.org/api/ng/type/angular.Module, saya rasa ia tidak begitu jelas hanya dengan melihat dokumentasi...

大家讲道理 · 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();
    }
})();