Unexpected error in angular js

Question

I am learning angularjs & facing error with angularjs I am trying to create a simple angular module getting error but sample controller function working ok without mudule I write the same code of video where from I am learning

Here is code

<!DOCTYPE html>
<html ng-app="demoApp">
<head>
    <title>
        Angular js
    </title>
</head>
<body>
<div class="containers" ng-controller="simpleController">
<input type="text" ng-model="name">
    <ul>
        <li ng-repeat="cust in customers | filter: name" | orderBy:'city'>{{ cust.name | uppercase}} - {{ cust.city | lowercase}}</li>
    </ul>
</div>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript">
var demoApp = angular.module('demoApp'. []);
    function simpleController ($scope) {
        $scope.customers = [
        {name:'Dinesh', city:'Delhi'},
        {name:'Hansa', city:'Rajasthan'},
        {name:'Manju', city:'Rajasthan'},
        {name:'Mukesh', city:'Rajasthan'},
        {name:'Naresh', city:'Lahor'}
        ];
    }
    demoApp.controller('simpleController', simpleController);
</script>
</body>
</body>
</html>

but my app not work properly, display error like below

Now my this question is solve this code is working with AngularJS v1.2.28 but same code not work with AngularJS v1.5.5 Thanks for help in advance

with the answer app is working, it work with AngularJS v1.2.28 but not work with latest AngularJS v1.5.5,I attached error with question — Dinesh
– Dinesh, Commented Apr 24, 2016 at 6:41

Drew Ackerman · Accepted Answer · 2016-04-24 06:15:29Z

2

var demoApp = angular.module('demoApp'. []);

It should be

var demoApp = angular.module('demoApp', []);

A comma instead of a period. Just a syntax error :)

answered Apr 24, 2016 at 6:15

Drew Ackerman

3512 silver badges14 bronze badges

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

Comments

Medet Tleukabiluly · Accepted Answer · 2016-04-24 06:13:57Z

1

Everything is ok
except angular.module('demoApp'. []),
must be angular.module('demoApp', []) - comma instead of dot, and be more attentive

<script type="text/javascript">
var demoApp = angular.module('demoApp'. []); //REPLACE DOT WITH COMMA
    function simpleController ($scope) {
        $scope.customers = [
        {name:'Dinesh', city:'Delhi'},
        {name:'Hansa', city:'Rajasthan'},
        {name:'Manju', city:'Rajasthan'},
        {name:'Mukesh', city:'Rajasthan'},
        {name:'Naresh', city:'Lahor'}
        ];
    }
    demoApp.controller('simpleController', simpleController);
</script>

answered Apr 24, 2016 at 6:13

Medet Tleukabiluly

12k3 gold badges38 silver badges78 bronze badges

Comments

Marvel Moe · Accepted Answer · 2016-04-24 06:25:09Z

1

In addition to the previous answers, I don't see you referencing the ng-app directive in your HTML so that should be in your body tag like this: body ng-app="demoApp"

answered Apr 24, 2016 at 6:25

Marvel Moe

9551 gold badge6 silver badges12 bronze badges

1 Comment

Ahmad Baktash Hayeri Over a year ago

he has used the ng-app directive on the HTML tag.

Wasiq Muhammad · Accepted Answer · 2016-04-24 06:38:28Z

0

Change this

angular.module('demoApp'. []),
must be angular.module('demoApp', []) - comma instead of dot

answered Apr 24, 2016 at 6:38

Wasiq Muhammad

3,1483 gold badges19 silver badges30 bronze badges

Collectives™ on Stack Overflow

Unexpected error in angular js

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related