Why does my angularJS controller doesnt work?

Question

Today I decided to try out some tricks of AngularJS! Can someone explain me what is the problem with my code? This example was shown in video I downloaded to learn Angular. When I try it, it shows me an error tip:

<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">
	<script type="text/javascript" src="angular.min.js"></script>
	<script type="text/javascript" src="angular.min.js"></script>
	<script>
		function Test($scope){
			$scope.persons =
			[{name: 'Me', city:'Saint Pete'}, {name: 'Other', city:'Moscow'}]};
	</script>
<title>
	ANGULAR
</title>

</head>

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

This is the error tip in the console: Error: [ng:areq] http://errors.angularjs.org/1.3.2/ng/areq?p0=Test&p1=not%20a%20function%2C%20got%20undefined at Error (native) at file:///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 ob (file:///C:/Program%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 at r (file:///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 (file:///C:/Program%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)

Read this commit message.

Blackhole
– Blackhole

2014-11-14 21:02:33 +00:00
Commented Nov 14, 2014 at 21:02 — Blackhole
– Blackhole, Commented Nov 14, 2014 at 21:02

Tally Barak · Accepted Answer · 2014-11-14 21:16:41Z

1

The ng-app tag should have a name, and your test definition should be as follow: ng-app="mayApp" angular.module ("myapp",[]) //definition of the angular module your test should be defined as a controller as follow:
angular.module ("myapp").controller ("Test", function Test (){ //test function should go here. });

answered Nov 14, 2014 at 21:16

Tally Barak

2824 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mhadonis · Accepted Answer · 2014-11-15 12:15:14Z

0

You have not added AngulaJS in your page. Just add the below line in head section.

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

You could also download angularjs file and give its path.

answered Nov 15, 2014 at 12:15

Mhadonis

3603 silver badges11 bronze badges

Collectives™ on Stack Overflow

Why does my angularJS controller doesnt work?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related