내 간단한 Angular.js 앱이 왜 작동하지 않습니까?

나는 이것이 좋은 Stackoverflow 질문으로 간주되지 않을 거라는 것을 알고 있지만, 나는 이것이 작동하지 않는 이유를 알아낼 수 없다. (나는 Angular's own tutorials을 기반으로한다.) 나는 아무에게도 물어 보지 않는다.내 간단한 Angular.js 앱이 왜 작동하지 않습니까?

브라우저에서 HTML을 열고 있습니다. 파일은 다음과 똑같습니다 :

<!DOCTYPE html> 
<html> 
<head ng-app="MyFirstApp"> 
    <title>My Page</title> 
    <script src="bower_components/angular/angular.js"></script> 
    <script> 
     var mod = angular.module("MyFirstApp", []); 
     mod.controller('myController', function($scope){ 
      alert("Hi"); 
      $scope.a = 5; 
     }); 
    </script> 
</head> 
<body ng-controller="myController"> 
<h1> My Body </h1> 
<div> 
    <h1>{{a}}</h1> 
</div> 
</body> 
</html>

모든 것이 잘로드되고 콘솔에 오류가 없습니다. 나는 이중 및 삼중 검사를하고 모든 변수의 철자가 정확합니다.

왜 작동하지 않는지 말할 수 있습니까?

<html ng-app="MyFirstApp">

또는

<body ng-app="MyFirstApp">

통해 UR <head ng-app="MyFirstApp">이 같은 NG-응용 프로그램을 정의 할 경우

는, 그것은을 나타냅니다

처럼

출처

2014-10-21 CodyBugstein

는 HTML 또는 본문에

ng-app="MyFirstApp"을 넣어 당신의 앱. 범위가 head 태그 안에 있으므로 몸에 보이지 않지만 head으로 만 표시됩니다.

출처

2014-10-21 07:02:43

aw dammit. 맞아. 나는 그것을 잡지 못해서 너무 유감입니다. 정말 고맙습니다! – CodyBugstein

환영합니다, chreez :) –

방금 각도 둥지를 간과했습니다. 컨트롤러는 모듈에 연결되어 있으며 모듈 내에서 액세스 할 수 있습니다.
귀하의 경우에 모듈 MyFirstApp을 정의한 후 머리 태그에 추가했습니다. 따라서 링크 된 컨트롤러는 헤드 태그의 부류 내에서 액세스 할 수 있습니다. 하지만 여기에서는 head 태그 밖에있는 body 태그에 컨트롤러 myController을 추가했습니다.

출처

2014-10-21 07:13:10 Amitesh

처음에는 당신이 말한 것을 조금 이해하기 어렵지만 알게되었습니다. 감사 – CodyBugstein

내 간단한 Angular.js 앱이 왜 작동하지 않습니까?

답변

관련 문제