2016-09-01 4 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!"; 
}); 
관련 문제