Why does my angularJS controller doesnt work? -
Why does my angularJS controller doesnt work? -
today decided seek out tricks of angularjs! can explain me problem code? illustration shown in video downloaded larn angular. when seek it, shows me error tip:
class="snippet-code-html lang-html prettyprint-override"><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 error tip in console: error: [ng:areq] http://errors.angularjs.org/1.3.2/ng/areq?p0=test&p1=not%20a%20function%2c%20got%20undefined @ error (native) @ file:///c:/program%20files%20(x86)/easyphp-devserver-14.1vc9/data/localweb/projects/angular/angular.min.js:6:416 @ nb (file:///c:/program%20files%20(x86)/easyphp-devserver-14.1vc9/data/localweb/projects/angular/angular.min.js:19:417) @ ob (file:///c:/program%20files%20(x86)/easyphp-devserver-14.1vc9/data/localweb/projects/angular/angular.min.js:20:1) @ file:///c:/program%20files%20(x86)/easyphp-devserver-14.1vc9/data/localweb/projects/angular/angular.min.js:75:177 @ file:///c:/program%20files%20(x86)/easyphp-devserver-14.1vc9/data/localweb/projects/angular/angular.min.js:57:112 @ r (file:///c:/program%20files%20(x86)/easyphp-devserver-14.1vc9/data/localweb/projects/angular/angular.min.js:7:408) @ (file:///c:/program%20files%20(x86)/easyphp-devserver-14.1vc9/data/localweb/projects/angular/angular.min.js:56:496) @ g (file:///c:/program%20files%20(x86)/easyphp-devserver-14.1vc9/data/localweb/projects/angular/angular.min.js:51:299) @ g (file:///c:/program%20files%20(x86)/easyphp-devserver-14.1vc9/data/localweb/projects/angular/angular.min.js:51:316)
the ng-app tag should have name, , test definition should follow: ng-app="mayapp" angular.module ("myapp",[]) //definition of angular module test should defined controller follow: angular.module ("myapp").controller ("test", function test (){ //test function should go here. });
angularjs
Comments
Post a Comment