2016-08-09 10 views
1

私はMEAN Stackの学習を始めましたが、いくつかのコードを試したかったのですが、AngularJs Controllerは私のPCで動作していません。私はAcer Aspire V Nitroに窓10を持っています。AngularJS Controllerが私のPCで動作しないのはなぜですか?

誰でも助けてください。非常に義務づけられます。

私のコード - (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' }; 
}]); 

ファイルの両方がCである://テストフォルダ。

ありがとうございます。

+1

はあなたがブラウザにロードされたことを確認物事のカップル1)ないすべてのJSファイルを作ることができます2)コンソールのエラー? –

答えて

1

あなたは(divで1を削除するためにIのアドバイス)それらのいずれかを削除するにはdivにし、html .Tryで、あなたのコード内の2 ng-appを持っています。

は、あなたはそれがapp.jsでなければなりませんscript.jsと呼ばれるファイルを含ん

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>

+0

削除されましたが、まだ動作していません。 '{{greeting.text}}、world'と言っています –

+0

' ng-app'を2回指定するのは間違っていますが、bdw秒は無視されます。あなたは答えが意味をなさない –

+0

最初に何かをインストールして実行する必要があるものはありますか?今すぐnodejとmongodbをインストールして、同じフォルダにangular.min.jsバージョン1.5.8のページを保存しました –

0

以下のコードを参照してください。

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

コントローラが登録されているjsを指していることを確認してください。

0

あなたによると、あなたのangularコードは、ファイルapp.jsにあるが、ようにそれを置くあなたのindex.htmlページを添付していない:

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

はい、あなたのタイムアウトを取ってくれてありがとう、ありがとうございました。残念なことに申し訳ありませんが、私は一度に2つのコードを実行していて混乱しましたが、それでも他のコードに問題があります。 –

関連する問題