2016-09-01 15 views
1

私はちょうどAngularJSを学び始めており、チュートリアルに従っています。なんらかの理由で、私は以下のコードでその名前の代わりに{{name}}を表示しています。単純なAngularJSが動作しない

index.htmlを

<!doctype html> 
<html ng-app="myApp"> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"> </script> 
     <script src="js/main.js"> </script> 
    </head> 
    <body> 
     <div ng-controller="MyController"> 
      {{ name }} 
     </div> 
    </body> 
</html> 

main.js

var app = angular.module('myApp', []); 
app.controller('MyController', function($scope)) { 
    $scope.name = "Hello World!"; 
} 
+0

コンソールを確認しましたか?何かエラーが発生しているはずです –

+0

詳細が必要です。どのようにアプリケーションを起動していますか?あなたはindex.htmlファイルを開いていますか? – ACV

+1

'($ scope)'の後ろに ')'を追加して、 '}'の後ろに追加してください。 'MyController'に対して定義された' function'の構文エラー – Braj

答えて

3

私が見エラーは、コントローラの間違った場所に)入れているということです。次のように試してください

var app = angular.module('myApp', []); 

app.controller('MyController', function($scope) { 
$scope.name = "Hello World!"; 
}); 
関連する問題