cari

Rumah  >  Soal Jawab  >  teks badan

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

Sebagai contoh,

angular.module('xxx',[])
    .value();

Contoh lain adalah mengikat pada $rootScope.

Saya rasa fikiran saya agak kabur tentang perkara ini dan saya ingin membincangkan topik ini.

https://docs.angularjs.org/api/ng/type/angular.Module
Cara menggunakan API pada halaman ini, saya rasa saya tidak faham dengan hanya melihat dokumentasi.

滿天的星座滿天的星座2841 hari yang lalu682

membalas semua(1)saya akan balas

  • 大家讲道理

    大家讲道理2017-05-15 16:57:17

    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

        <script src="../lib/angular.js"></script>
        <script src="module.js"></script>
        <script src="app.js"></script>

    index.html

        <body ng-app="MyApp">
            <h1>constant</h1>
            <p ng-controller="MyController as vm">
                <p>
                    {{vm.test}}
                </p>
                <p>{{vm.my_key}}</p>
            </p>
        </body>

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

    balas
    0
  • Batalbalas