AngularJSを使用した非常に単純なWebアプリケーションを試しています。このファイルはhereです。これを実行するために、私はnode.jsをインストールし、コマンドプロンプト(Windows 10)で "npm install -g http-server"を実行し、フォルダに移動してから "http-server -o"を実行しました。 Chromeのウィンドウが開き、すべてがうまく見えました。コントローラーが正常に動作していたようです。現時点では、index.htmlの変数に単語を返します。すべてが本当にうまくいっているかどうかを確認したかったので、「Hello!」という単語のタグを追加しました。 index.htmlに変更し、コントローラの戻り値を "success"から "done"に変更しました。ウェブサイトのページをリロードしたところ、私は "こんにちは!"と "成功"が、 "こんにちは!"と "完了"。ローカルサーバーを閉じてもう一度実行しましたが、コントローラからの結果はまだ同じでした。誰かがなぜこれが起こっているのかを説明することができ、コントローラから新しい結果を得るために何をすべきですか?ローカルサーバーのAngularJS
のindex.htmlは次のとおりです。
<!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です:
app.controller('HomeController', ['$scope',
function($scope) {
$scope.test="done";
}]);
app.jsです:
var app = angular.module("EventsApp", []);
ここにコードを記入してください。それでは –
[mcve]です。 –
私はGitHubへのリンクがすべてを見るのが良いと思ったが、あなたが質問したようにコードを追加している。 –