"Nicht abgefangener Fehler: [$Injektor:modulerr] Fehler beim instanziieren Modul", wenn es mehrere "ng-app" Richtlinien

Ich Lerne, AngularJS , und während ich war das Experimentieren traf ich diese Fehlermeldung:

Nicht abgefangener Fehler: [$Injektor:modulerr] Fehler beim instanziieren Modul
Anwendung durch: - Fehler: [$Injektor:nomod] Modul 'myApp' ist nicht
verfügbar! Sie entweder falsch geschrieben den Namen des Moduls oder vergessen es zu laden.
Wenn die Registrierung eines Moduls sicherstellen, dass Sie angeben, th......0)

Hier ist mein code:

<!DOCTYPE html>
<html >
<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.js"></script>
    <script type="text/javascript">
        function Controller( $scope, $location ){
           //
        }

        function Controller2( $scope, $location ){
           //
        }
    </script>
    <title>Angular JS Application</title>
</head>
    <body >
        <div ng-app="myApp">
            <div ng-controller='Controller' >
                <h1>App1</h1>
            </div>
        </div>

        <div ng-app="myApp2">
            <div ng-controller='Controller2' >
                <h1>App2</h1>
            </div>
        </div>
    </body>
</html>

Kann jemand erklären,was ist das problem?

Einzige ngApp - Direktive benutzt werden kann pro HTML-Dokument.
Es ist nicht wahr. Während ich versuche, mich zu registrieren-Controller von angular.module('',[]).controller Methode funktioniert gut, aber wenn die regler sind global , erhalte ich diesen Fehler.
können Sie Ihre js-Datei?
Ich habe den gesamten code.
wo ist deine JS-Datei, wo Sie definieren Modul myApp?

InformationsquelleAutor Engineer | 2014-03-10

angularjs javascript

4

Haben Sie kein Modul zu binden. fügen Sie einfach folgenden code in deine js-und Sie sollten in Ordnung sein
```
var myModule = angular.module('myApp', []);
var myModule2 = angular.module('myApp2', []);
```
UPDATE

Können Sie nur auf ng-app per html die auto-bootstrap-Anwendung für Sie, aber Sie können mehr als ein app pro Seite manuell durch die bootstrap-Ihre app-Modul...

hier ist ein PLUNKER Beispiel zu zeigen, sowohl manuell als auch auto-Modul bootstraping...

Danke für die Erklärung, es ist nützlich.

InformationsquelleAutor Poyraz Yilmaz
1

Können Sie nicht tun:
```
<div ng-app="myApp">
```
ohne dieses Modul definiert in einem der JS-Datei. z.B.
```
angular.module("myApp", ["ngRoute", "ngResource"])
. . . 
```
InformationsquelleAutor Slaven Tomac

Habe ich aktualisiert deinen code, bitte haben Sie einen Blick.

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.js"></script>
    <script type="text/javascript">
        function Controller( $scope, $location ){
            alert("hello me 1");
        }

        function Controller2( $scope, $location ){
           alert("hello me 2");
        }
    </script>

  </head>

  <body ng-app>
        <div >
            <div ng-controller='Controller' >
                <h1>App1</h1>
            </div>
        </div>

        <div>
            <div ng-controller='Controller2' >
                <h1>App2</h1>
            </div>
        </div>
    </body>

</html>

HINWEIS

Ab dem nächsten mal, Bitte verwenden Sie nicht mehrere ng-app im html. wenn Sie brauchen, um es zu verwenden, dann können Sie injizieren ein Modul in die andere und dann verwenden Sie es.

Wenn Sie eine Frage beantworten, legen Sie bitte die entsprechenden details in der Antwort. Einfach posting einen link zu einer off-site-resource ist keine gültige Antwort.
Dies ist die völlig falsche Antwort. Ich bin interessiert in der Fall, wenn ich mehrere "ng-app"s mit mehreren Controllern.

InformationsquelleAutor Lalit Sachdeva

Definieren Sie Ihre app wie;

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

und

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

InformationsquelleAutor BKM

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.