Erreur Angularjs Uncaught: [$ injector: modulerr] lors de la migration vers la version 1.3

Je suis en apprentissage Angular.js et je ne suis pas en mesure de comprendre quoi de mal avec ce simple code. Il semble bien, mais de me donner d'erreur suivant.

**Error**: Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=app&p1=Error%3A%20…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A17%3A381)

Et avant d'ajouter ng-app="app" (je viens de le garder comme ng-app) il me faisait suite à des erreurs. Pourquoi est-ce?

Error: [ng:areq] http://errors.angularjs.org/1.3.14/ng/areq?p0=Ctrl&p1=not%20a%20function%2C%20got%20undefined
    at Error (native)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:6:417
    at Sb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:19:510)
    at tb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:20:78)
    at $get (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:75:331)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:57:65
    at s (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:7:408)
    at A (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:56:443)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:299)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:316)
<!doctype html>
    <html ng-app="app">
      <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>

      </head>
      <body>
        <div ng-controller="Ctrl">
          <input ng-model="name">
          <h1>{{name}}</h1>
          <h2>{{age}}</h2>
        </div>

         <script>
          var Ctrl = function($scope)
           {
              $scope.age = 24;
           };
          </script>


      </body>
    </html>

source d'informationauteur Nakib

  1. 15

    Après AngularJS version 1.3 mondial de contrôleur de la déclaration de la fonction est désactivée

    Vous devez d'abord créer un AngularJS module & puis fixer toutes les composantes pour que le module spécifique.

    CODE

    function Ctrl($scope) {
    $scope.age = 24;
}

angular.module('app', [])
    .controller('Ctrl', ['$scope', Ctrl]);

    Spécifiquement pour votre cas, il y a un problème avec AngularJS 1.3.14 (décote à 1.3.13 fonctionne très bien). Mais je préfère vous à utiliser les angulaire 1.2.27 AngularJS 1.6.X, Qui est plus stable version & dernière version de AngularJS.

    Travail Plunkr

    Mise à JOUR:

    Vous pourriez faire votre code actuel à l'état de fonctionnement par permettent mondiale contrôleur de déclaration à l'intérieur de angular.config. Mais ce n'est pas la bonne façon d'exécuter angulaire de l'application.

    function Ctrl($scope) {
    $scope.age = 24;
}

angular.module('app', [])
    .config(['$controllerProvider',
        function ($controllerProvider) {
            $controllerProvider.allowGlobals();
        }
    ]);
  2. 7

    J'ai été moi-même bloqué dans cette question pendant un certain temps. Vérifier les éléments suivants dans l'ordre:-

    1. Le chemin pour vous angular.js le script est correct (si vous appelez dans votre code HTML à partir d'une source locale ou comme une ressource externe).

    2. Ensuite, une fois que votre angular.js est correcte, vérifiez si votre application est initialisé ou non.

      var app=angular.module('app',[])//dans votre app.js fichier

      <body ng-app="app">//dans votre code html

    3. Registre suivant votre contrôleur avec l'application et de la transmettre à toutes les injections

      app.controller('myCtrl',function(){});

    4. Appelez votre fichier javascript dans votre fichier html

      <script src="app.js"></script>

  3. 6

    Vous devez définir votre contrôleur

    var app = angular.module('app', []);

app.controller('Ctrl', ['$scope',function($scope) {
  $scope.age = 24;
}]);
  4. 0

    Assurez-vous que ng-app="app_name" définir doit correspondre à

    var app=angular.module('app_name',[])

    <html ng-app="myApp">
<body>
  <div ng-controller="Ctrl">
      <input ng-model="name">
      <h1>{{name}}</h1>
      <h2>{{age}}</h2>
  </div>
  <script>
    var app = angular.module('myApp',[]); //same to the above define appName
    app.controller('Ctrl',function($scope){
      $scope.age=24; //initialize age by injecting scope
    });
  </script>
</body>
<html>

    Pour plus de détails, visitez Ici