Maison  >  Article  >  interface Web  >  Pourquoi est-ce que je reçois l'erreur « [$injector:modulerr] » lors de la migration vers AngularJS version 1.3 ?

Pourquoi est-ce que je reçois l'erreur « [$injector:modulerr] » lors de la migration vers AngularJS version 1.3 ?

Barbara Streisand
Barbara Streisandoriginal
2024-11-02 05:18:30737parcourir

Why am I getting the `[$injector:modulerr]` error when migrating to AngularJS version 1.3?

Angularjs : erreur non détectée : [$injector:modulerr] lors de la migration vers la version 1.3

La version 1.3 d'AngularJS a introduit un changement qui a rompu la compatibilité de code écrit pour les versions précédentes. Dans votre cas, vous rencontrez l'erreur [$injector:modulerr] car vous déclarez une fonction de contrôleur globale (Ctrl) au lieu de l'enregistrer auprès d'un module AngularJS.

Définition des modules AngularJS

Dans AngularJS 1.3 et versions ultérieures, la méthode privilégiée pour déclarer un contrôleur consiste à l'enregistrer auprès d'un module AngularJS. Les modules servent de conteneur pour organiser et configurer les composants AngularJS tels que les contrôleurs, les directives, les services et les filtres.

Résoudre l'erreur

Pour résoudre l'erreur, vous devez créez un module AngularJS et enregistrez votre contrôleur Ctrl avec celui-ci. Voici une version mise à jour de votre code :

<code class="javascript">function Ctrl($scope) {
  $scope.age = 24;
}

var myApp = angular.module('app', []);
myApp.controller('Ctrl', ['$scope', Ctrl]);</code>

La mise à niveau vers AngularJS 1.6

AngularJS 1.3 est désormais obsolète. Il est recommandé de passer à AngularJS version 1.6, qui possède une API plus stable et des performances améliorées. Dans AngularJS 1.6, la manière préférée de déclarer un contrôleur est via une classe :

<code class="typescript">export class Ctrl {
  constructor(public $scope: ng.IScope) {
    this.$scope.age = 24;
  }
}</code>

Et enregistrez-le auprès du module AngularJS :

<code class="javascript">myApp.controller('Ctrl', Ctrl);</code>

En suivant ces directives, vous pouvez réussir migrez votre application AngularJS vers la version 1.3 ou mettez à niveau vers la dernière version 1.6 et résolvez l'erreur [$injector:modulerr].

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn