6
Answers

i am new to angularjs...can anyone help me?

karthi keyan

karthi keyan
8y
1.4k
1
<!DOCTYPE html>
<html data-ng-app="">
<head>
<title>Using AngularJS Directives and Data Binding</title>
</head>
<body>
<div data-ng-controller="Simple">
Name:
<br />
<input type="text" data-ng-model="name" />
<br />
<ul>
<li data-ng-repeat="cust in customers | filter:name | orderBy:'city'">
{{cust.name}} - {{cust.city}}
</li>
</ul>
</div>
<script src="Scripts/angular.min.js"></script>
<script>
function Simple($scope){
$scope.customers = [
{ name : 'paul', city : 'mumbai' },
{ name : 'kicha', city : 'africa' },
{ name : 'ram', city : 'nigeria' }
];
}
</script>
</body>
</html>
Error:
angular.min.js:495 Error: [ng:areq] http://errors.angularjs.org/1.5.8/ng/areq?p0=Simple&p1=not%20a%20function%2C%20got%20undefined
at Error (native)
at http://localhost:5540/Scripts/angular.min.js:7:499
at sb (http://localhost:5540/Scripts/angular.min.js:70:27)
at Pa (http://localhost:5540/Scripts/angular.min.js:70:136)
at http://localhost:5540/Scripts/angular.min.js:365:237
at ag (http://localhost:5540/Scripts/angular.min.js:283:239)
at p (http://localhost:5540/Scripts/angular.min.js:263:274)
at g (http://localhost:5540/Scripts/angular.min.js:233:403)
at g (http://localhost:5540/Scripts/angular.min.js:233:428)
at g (http://localhost:5540/Scripts/angular.min.js:233:428)(anonymous function) @ angular.min.js:495
 
 
Answers (6)
1
Rajeev Punhani

Rajeev Punhani

348 4.7k 1.6m 8y

Hi Karthi,


Please check the below solution.

  1. <!DOCTYPEhtml>
  3. <html>
  5. <head>
  7. <title>UsingAngularJSDirectivesandDataBinding</title>
  9. </head>
  11. <body>
  13. <divdata-ng-app="myapp"data-ng-controller="Simple">
  15. Name:
  17. <br/>
  19. <inputtype="text"data-ng-model="name"/>
  21. <br/>
  23. <ul>
  25. <lidata-ng-repeat="custincustomers|filter:name|orderBy:'city'">
  27. {{cust.name}}-{{cust.city}}
  29. </li>
  31. </ul>
  33. </div>
  36. <scriptsrc="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
  38. <script>
  40. varapp=angular.module('myapp',[]);
  41. app.controller('Simple',functionSimple($scope){
  43. $scope.customers=[
  45. {name:'paul',city:'mumbai'},
  47. {name:'kicha',city:'africa'},
  49. {name:'ram',city:'nigeria'}
  51. ];
  53. });
  55. </script>
  57. </body>
  59. </html>
If the above solution is helpful then,accept the answer.
Accepted
1
Rajeesh Menoth

Rajeesh Menoth

66 27.1k 2.7m 8y
Hi,
 
Add data-ng-app in div tag and give one name for ng-app.
 
Demo : https://jsfiddle.net/rajeeshmenoth/ea94qhwm/
1
Midhun Tp

Midhun Tp

144 13.2k 1.5m 8y
Hi,
Try like below -
<div data-ng-controller="Simple" ng-app="myApp">
Name:
<br />
<input type="text" data-ng-model="name" />
<br />
<ul>
<li data-ng-repeat="cust in customers | filter:name | orderBy:'city'">
{{cust.name +' - '+ cust.city}}
</li>
</ul>
</div>
<script src="Scripts/angular.min.js"></script> 
<script>
angular.module('myApp', []).controller('Simple', function($scope) {
$scope.customers = [
{ name : 'paul', city : 'mumbai' },
{ name : 'kicha', city : 'africa' },
{ name : 'ram', city : 'nigeria' }
];
});
</script>
0
Bikesh Srivastava

Bikesh Srivastava

78 23.9k 3.6m 8y
If you are beginner visit my blog to learn angularjs step by step.
https://bikeshsrivastava.blogspot.in/search/label/AngularJs
0
Vinay Singh

Vinay Singh

297 6.3k 961.6k 8y
But what the error your are getting and what u r tying to do
0
Vinay Singh

Vinay Singh

297 6.3k 961.6k 8y
Hi
What the error you are getting
Next Recommended Forum