내 AngularJS 코드가 실행되고 있지 않습니까?

AngularJS로 시작하려하지만 페이지를 실행할 때 내 코드가 실행되지 않고 출력됩니다 ({angular-message}}). 내가 오류 "오류 : [NG : AREQ] 인수 'MainController'는 함수가 아닙니다, 정의되지 않은 얻었다"지고있어 여기하면 코드내 AngularJS 코드가 실행되고 있지 않습니까?

index.html을

<!DOCTYPE html> 
<html ng-app> 

    <head data-gwd-animation-mode="quickMode"> 
    <title>Angular!</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta name="generator" content="Google Web Designer 1.1.2.0814"> 
    <style type="text/css"> 
     html, body { 
     width: 100%; 
     height: 100%; 
     margin: 0px; 
     } 
     body { 
     background-color: transparent; 
     -webkit-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); 
     -webkit-transform-style: preserve-3d; 
     } 
    </style> 


    <script data-require="[email protected]*" src="https://code.angularjs.org/1.3.0-rc.0/angular.js"></script> 
    <script src="script.js"></script> 
    </head> 

    <body ng-controller="MainController"> 
    {{angular-message}} 
    </body> 

</html>

그리고 여기 내 스크립트에게 있습니다. js 파일.

var MainController = function($scope) 
{ 
    $scope.angular-message = "AngularJS Rocks!" 
}

출처

2014-09-07 WilsonKoder111

당신이 당신의 콘솔 또는 오류를 확인했다? –

@DesignbyAdrian 확인하는 것을 잊어 버렸습니다.하지만 방금했는데 "오류 : [ng : areq] 인수 'MainController'가 함수가 아니며 정의되지 않았습니다." – WilsonKoder111

컨트롤러 이름을 camelCase하면 어떻게됩니까? –

페이지에 구문 오류가 있습니다. 변수와 속성 이름을

$scope['angular-message'] = "AngularJS Rocks!";

또는 더 나은 사용 낙타의 경우 :

또한

$scope.angularMessage = "AngularJS Rocks!";

있는지 확인 열려 개발자 콘솔을 유지 당신이 브래킷 표기법을 사용 갈까요 있도록 angular-message, 자바 스크립트에서 valid identifier 아니다 개발 중에 항상 오류를 놓치지 않도록해야합니다.

출처

2014-09-07 11:17:34 dfsq

아직 작동하지 않습니다. – WilsonKoder111

모듈을 선언해야합니다. http://plnkr.co/edit/cOlMEZOfVxLagxnTfjNu?p=preview – dfsq

@dfsq 그래, 맞아! –

이 같은 모듈, 코드를 갖고 싶어하지 않는 경우 :

function MainController($scope) 
{ 
    $scope.angularMessage = "AngularJS Rocks!" 
}

렌더링 :

{{angularMessage}}

출처

2014-09-07 11:36:05 Ravi

내 AngularJS 코드가 실행되고 있지 않습니까?

답변

관련 문제