Ich versuche eine sehr einfache Webanwendung mit AngularJS, die Dateien können Sie here sehen. Um es auszuführen, habe ich node.js installiert und "npm install -g http-server" an der Eingabeaufforderung (Windows 10) ausgeführt, zum Ordner navigiert und dann "http-server -o" ausgeführt. Chrome-Fenster geöffnet und alles sah gut aus, es sah aus, dass Controller gut funktionierte. Im Moment gibt es nur ein Wort an die Variable in index.html zurück. Ich wollte sicherstellen, dass alles wirklich gut funktioniert, also fügte ich ein Tag mit dem Wort "Hallo!" in die index.html und Controller-Rückgabe Wort von "Erfolg" in "fertig". Reloaded die Website-Seite und ich war überrascht, dass ich "Hallo!" und "Erfolg", aber nicht "Hallo!" und fertig". Ich habe den lokalen Server geschlossen und habe ihn erneut ausgeführt, aber das Ergebnis vom Controller war immer noch dasselbe. Könnte jemand erklären, warum das passiert und was sollte ich tun, um das neue Ergebnis vom Controller zu bekommen?AngularJS auf dem lokalen Server
index.html ist:
<!DOCTYPE html>
<html>
<head>
<title>EventsApp</title>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.3/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.3/angular-route.min.js"></script>
</head>
<body ng-app="EventsApp" ng-controller="HomeController" >
<header class="container">
<div class="row">
<h1 class="col-sm-8">EventsApp</h1>
</div>
</header>
<section class="jumbotron">
</section>
<h1> {{test}} </h1>
<div ng-view></div>
<!-- Modules -->
<script type="text/javascript" src="js/app.js"></script>
<!-- Controllers -->
<script type="text/javascript" src="js/controllers/HomeController.js"></script>
<!-- Services -->
</body>
</html>
HomeController.js ist:
app.controller('HomeController', ['$scope',
function($scope) {
$scope.test="done";
}]);
app.js ist:
var app = angular.module("EventsApp", []);
posten Sie bitte den Code hier. –
ein [mcve] bei dem. –
Ich denke, dass der Link zu GitHub besser sein wird, alles zu sehen, aber ich füge Code wie Sie –