2017-03-22 7 views
0

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", []); 
+0

ここにコードを記入してください。それでは –

+2

[mcve]です。 –

+0

私はGitHubへのリンクがすべてを見るのが良いと思ったが、あなたが質問したようにコードを追加している。 –

答えて

2

これはおそらくNode.jsの問題ではありません。あなたのHTMLまたはJSは、おそらくあなたのブラウザにキャッシュされたままであり、あなたはまだ古いコードを見ています。

デベロッパーツールをChromeで開いて(F12)、3つの垂直ドットをクリックして[設定]を選択します。

enter image description here

[設定]の下 - >ネットワークオプション「のdevのツールが開いている間は無効キャッシュ」を有効。

enter image description here

は、次にページを更新するF5キーを押すと、これはあなたのための最新のJSファイルを取得する必要があり、あなたはそれの後に「完了」を参照してくださいする必要があります。

+1

それはうまくいった!とても簡単。ありがとう –

関連する問題