Warum funktioniert der AngularJS Controller nicht auf meinem PC?

Ich habe angefangen, MEAN Stack zu lernen und wollte etwas Code ausprobieren, aber AngularJs Controller funktioniert nicht auf meinem PC. Ich habe Windows 10 auf meinem Acer Aspire V Nitro.Warum funktioniert der AngularJS Controller nicht auf meinem PC?

Kann mir bitte jemand helfen. Wird sehr verpflichtet sein.

Mein Code - (index.html)

<!DOCTYPE html> 
<html ng-app="appname"> 

    <head> 
    <script src="angular.min.js"></script> 
    <link href="style.css" rel="stylesheet"/> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <div ng-app="appname" ng-controller="appCtrl"> 
     <p>{{greeting.text}}, world </p> 
    </div> 
    </body> 

</html>

(app.js)

var appname = angular.module('appname', []); 
appname.controller('appCtrl', ['$scope', 
    function($scope) { 
    $scope.greeting = { text: 'Hello' }; 
}]);

Beide Dateien sind in C: // Testordner.

Vielen Dank.

Quelle

2016-08-09 Shawnik Raghav

könnten Sie sicher, dass einige Dinge 1) macht alle js in Browser geladen Dateien 2) irgendein Fehler in der Konsole? –

Sie haben 2 ng-app im Code, in den div und in dem html .try einen von ihnen zu entfernen (ich Rat der in den div zu entfernen).

Sehen Sie den Code unten

var appname = angular.module('appname', []); 
 
appname.controller('appCtrl', ['$scope', 
 
    function($scope) { 
 
    $scope.greeting = { text: 'Hello' }; 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html ng-app="appname"> 
 

 
    <body> 
 
    <div ng-controller="appCtrl"> 
 
     <p>{{greeting.text}}, world </p> 
 
    </div> 
 
    </body> 
 

 
</html>

Quelle

2016-08-09 06:42:21

Wurde entfernt, funktioniert aber immer noch nicht. Es sagt '{{greeting.text}}, world' –

Das Angeben von' ng-app' zweimal ist falsch, aber bdw second wird sowieso ignoriert. Das Problem muss etwas anderes sein. Du antwortest macht keinen Sinn –

Gibt es irgendetwas, das ich zuerst etwas spezielles installieren muss, bevor ich es laufe. Jetzt habe ich nodejs und mongodb installiert und eine Seite von angular.min.js Version 1.5.8 im selben Ordner gespeichert –

Sie umfassen eine Datei namens script.js, wenn es app.js sein sollte. Stellen Sie Folgendes sicher:

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

verweist auf die js, wo der Controller registriert ist.

Quelle

2016-08-09 06:51:14 brslv

Nach Sie Ihre angular Code liegt in der Datei app.js aber es wird nicht mit Ihrer index.html Seite so legen Sie es angebracht, wie:

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

Quelle

2016-08-09 06:55:17

Ja, vielen Dank, dass du dir die Zeit genommen hast und mir geholfen hast. Sorry wegen der Unordnung, ich habe 2 Codes gleichzeitig ausgeführt und bin verwirrt, aber ich bekomme immer noch Probleme mit anderem Code. –

Warum funktioniert der AngularJS Controller nicht auf meinem PC?

Antwort

Verwandte Themen