Pourquoi est-ce que j'obtiens l'erreur \'$injector:modulerr\' lors de ma migration AngularJS vers la version 1.3 ?-js tutoriel-php.cn

Pourquoi est-ce que j'obtiens l'erreur \'$injector:modulerr\' lors de ma migration AngularJS vers la version 1.3 ?

DDD

Libérer： 2024-11-01 00:10:02

original

717 Les gens l'ont consulté

Why Am I Getting the

Erreur Angularjs : [$injector:modulerr] lors de la migration vers la V1.3

Dans Angularjs, l'erreur [$injector:modulerr] indique un problème de dépendance de module, en particulier lors de la migration des versions antérieures vers la V1.3.

Code Angularjs pré-V1.3 :

<code class="html"><body>
  <div ng-controller="Ctrl">
    ...
    <script>
      var Ctrl = function($scope) {
        ...
      };
    </script>
  </div>
</body></code>

Copier après la connexion

Post -V1.3 Code Angularjs :

<code class="html"><body ng-app="app">
  <div ng-controller="Ctrl">
    ...
  </div>
  <script>
    function Ctrl($scope) {
      ...
    }

    angular.module('app', [])
      .controller('Ctrl', ['$scope', Ctrl]);
  </script>
</body></code>

Copier après la connexion

Modifications avec la V1.3 :

Déclaration globale du contrôleur désactivée : Après Angularjs V1.3, les fonctions globales du contrôleur ne peuvent plus être déclarées en dehors d'un module. Au lieu de cela, les contrôleurs doivent être enregistrés dans un module.
Directive ng-app requise : La directive ng-app doit être présente sur l'élément racine pour démarrer l'application Angularjs.

Solution :

Créez un module Angularjs : Utilisez angulaire.module() pour définir un module nommé 'app'.
Enregistrer le contrôleur dans le module : Appelez .controller() sur le module pour définir un contrôleur nommé « Ctrl » avec les dépendances appropriées et la fonction de contrôleur.
Ajoutez ng-app à l'élément racine : Assurez-vous que l'élément HTML racine possède l'attribut ng-app.

Remarques supplémentaires :

Il est recommandé d'utiliser la dernière version d'Angularjs (1.6 ou supérieure) pour des raisons de stabilité et de sécurité.
Si vous devez prendre en charge les déclarations globales du contrôleur, vous pouvez utiliser angulaire.config().allowGlobalScoping(). Cependant, ce n'est pas la meilleure pratique.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Pourquoi est-ce que j'obtiens l'erreur \'$injector:modulerr\' lors de ma migration AngularJS vers la version 1.3 ?