왜 angularJS 컨트롤러가 작동하지 않습니까?

오늘 AngularJS의 트릭을 시험해보기로 결정했습니다. 누군가 내 코드의 문제점을 설명 할 수 있습니까? 이 예는 Angular를 배우기 위해 다운로드 한 비디오에 표시되었습니다. 오류 :이 콘솔에서 오류 팁이왜 angularJS 컨트롤러가 작동하지 않습니까?

<html data-ng-app=""> 
 
<head> 
 
<link rel="stylesheet" type="text/css" href="style.css"> 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 
\t <script type="text/javascript" src="angular.min.js"></script> 
 
\t <script type="text/javascript" src="angular.min.js"></script> 
 
\t <script> 
 
\t \t function Test($scope){ 
 
\t \t \t $scope.persons = 
 
\t \t \t [{name: 'Me', city:'Saint Pete'}, {name: 'Other', city:'Moscow'}]}; 
 
\t </script> 
 
<title> 
 
\t ANGULAR 
 
</title> 
 

 
</head> 
 

 
<body> 
 
\t <div data-ng-controller="Test"> 
 
\t \t <input type="text" data-ng-model="name"> 
 
\t \t <ul> 
 
\t \t \t <li data-ng-repeat="person in persons | filter: name"> {{person.name}} - {{person.city}} </li> 
 
\t \t </ul> 
 
\t </div> 
 
</body> 
 
</html>

이다 : 나는 그것을하려고하면, 그것은 나에게 오류 팁을 보여줍니다 [NG : AREQ] http://errors.angularjs.org/1.3.2/ng/areq?p0=Test&p1=not%20a%20function%2C%20got%20undefined 오류에서 (기본) 파일 : /// C :/Program % 20Files % 20 (x86) /EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js:6:416 at Nb (file : // /C:/Program%20Files%20(x86)/EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js:19:417) at (file : /// C : /) 프로그램 % 20Files % 20 (x86)/EasyPHP- DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js : 20 : 1) at file : /// C :/Program % 20Files % 20 (x86) /EasyPHP-DevServer-14.1VC9/data /localweb/projects/angular/angular.min.js:75:177 at file : /// C :/Program % 20Files % 20 (x86) /EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/ angular.min.js : 57 : 112 (파일 : /// C :/Program % 20Files % 20 (x86) /EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js : 7 : 408) at I (file : /// C :/Program % 20Files % 20 (x86) /EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js:56:496) at g (파일 : /// C :/프로그램 % 20Files % 20 (x86) /EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js:51:299) at g (file : /// C :/Program % 20Files % 20 (x86) /EasyPHP-DevServer-14.1VC9/data/localweb/projects/angular/angular.min.js:51:316)

출처

2014-11-14 spacehaz

[이 커밋 메시지 읽기] (https://github.com/angular/angular.js/commit/3f2232b5a181512fac23775b1df4a6ebda67d018). – Blackhole

마지막 하나! 1.3.2 – spacehaz

NG-응용 프로그램 태그는 이름을 가지고 있어야하고, 테스트의 정의는 다음과 같이해야합니다 : ng-app="mayApp" angular.module ("myapp",[]) //definition of the angular module 테스트는 다음과 같은 컨트롤러로 정의되어야한다 :
angular.module ("myapp").controller ("Test", function Test(){ //test function should go here. });

출처

2014-11-14 21:16:41

감사합니다 !! 알 겠어! – spacehaz

귀하의 페이지에 AngulaJS를 추가하지 않았습니다. 머리 부분에 아래 줄을 추가하기 만하면됩니다.

<head> 
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> 
</head>

anglejs 파일을 다운로드하고 경로를 제공 할 수도 있습니다.

출처

2014-11-15 12:15:14 Mhadonis

왜 angularJS 컨트롤러가 작동하지 않습니까?

답변

관련 문제