Nicht abgefangener Fehler: [$Injektor:modulerr] Fehler beim instanziieren Modul Fehler auf Angular.js App auf Apache

Ich bin mit Apache-server host-Winkel-app.
Dies ist die index.html:

<html>
  <head>
    <script src="/lib/angular/angular.js">
  </head>
  <script>
     myapp = angular.module('myapp', []);

     myapp.controller('indexCtrl', function($scope){

          $scope.words = ['It','is','what','it','is']
     });

  </script>

  <body ng-app="myapp">

      <div ng-controller="indexCtrl">
        <div ng-repeat="word in words">
          {{word}}
        </div>
      </div>

  </body>
</html>

Wenn ich auf den html von der browser zeigt eine leere Seite mit diesem Fehler :

Nicht abgefangener Fehler: [$Injektor:modulerr] Fehler beim instanziieren Modul myapp durch: - Fehler: [$Injektor:nomod] Modul 'myapp' ist nicht verfügbar!

Du entweder falsch geschrieben den Namen des Moduls oder vergessen es zu laden. Wenn die Registrierung eines Moduls sicherzustellen, dass Sie Abhängigkeiten angeben, wie das zweite argument.

Was falsch sein könnte?

  • dies ist weil Sie nicht schließende script-tag.
  • Wow. was für ein slip. danke Mann!
InformationsquelleAutor moaglee | 2015-01-20
  1. 9

    Der Fehler ist, da Sie doppelte Werte in array. Ich habe track by $index innen ng-repeat um dieses Problem zu beheben.

    DOCS: ng-repeat

    Geänderten code:

    <html>
  <head>
    <script src="/lib/angular/angular.js"></script>
  </head>
  <script>
     var myapp = angular.module('myapp', []);

     myapp.controller('indexCtrl', function($scope){

          $scope.words = ['It','is','what','it','is']
     });

  </script>

  <body ng-app="myapp">

      <div ng-controller="indexCtrl">

          <div ng-repeat="word in words track by $index">

             {{word}}

          </div>
      </div>

  </body>
</html>
    • ich habe track by $index innerhalb von ng-repeat, weil dein array enthält doppelte Werte.
    InformationsquelleAutor Ved
  2. 1

    Bitte angularjs im Körper.

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

    Fügen Sie dieser Zeile in den Körper. Hoffe, dass es funktioniert!

    InformationsquelleAutor Lalit Sachdeva
  3. 0

    Setzen die <script> Teil und das Ende des Körpers :

    <body ng-app="myapp">

      <div ng-controller="indexCtrl">
        <div ng-repeat="word in words">
          {{word}}
        </div>
      </div>
      <script>
          myapp = angular.module('myapp', []);
          myapp.controller('indexCtrl', function($scope){
               $scope.words = ['It','is','what','it','is']
          });
    </script>
  </body>

    das ist eine gute practicte in HTML, und besonders in den Winkel setzen Sie die definition der JS Datei gerade bevor der Körper endete

    InformationsquelleAutor vincent
Schreibe einen Kommentar