angulaire.js - Quelles sont les manières de définir les variables globales d'un module en angulaire? Exemple de code ?
滿天的星座
滿天的星座 2017-05-15 16:55:17
0
1
689

Par exemple,

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

Un autre exemple est lié à $rootScope.

J'ai l'impression que mon esprit est un peu flou à ce sujet et je veux discuter de ce sujet.

https://docs.angularjs.org/api/ng/type/angular.Module
Comment utiliser l'API sur cette page, j'ai l'impression de ne pas comprendre rien qu'en regardant la documentation.

滿天的星座
滿天的星座

répondre à tous(1)
大家讲道理

1. De manière générale, il n'est pas recommandé de lier trop de variables sur $rootScope, car cela détériorerait la maintenabilité du programme, bien sûr, ce n'est pas recommandé, et les cas particuliers seront traités spécialement ; site Web titleLe titre devra peut-être être modifié fréquemment, donc cette reliure en $rootScope est toujours un bon choix.
2. Angular propose deux méthodes, l'une est celle que vous avez mentionnée et l'autre est la suivante :

    (function() {
    'use strict';

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

3. De manière générale, il suffit d'utiliser value et constant.


1. Je pense que dans votre cas, vous souhaitez utiliser cette fonction dans l'ensemble de l'application, vous pouvez alors l'écrire dans le service Service pour fournir la méthode d'utilisation ci-dessus ; est utilisé pour utiliser des plug-ins externes ou configurer certaines informations d'application. J'ai écrit un exemple ici, vous pouvez y jeter un œil, Portal.

2. Le code spécifique peut être vu ci-dessous :

L'ordre dans lequel les fichiers sont importés

    <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>

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();
    }
})();
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal