AngularJS example - Uncaught Error: No module: myapp

Question

I'm trying to run a simple hello world example and can't get it to work. What am I doing wrong here? I keep getting 'Uncaught Error: No module: myapp' error in the chrome console.

<!DOCTYPE html>
<html ng-app='myapp'>
<head>
    <title>Angular App</title>
</head>
<body>
    <div ng-controller="TextController">
        <h1>Angular App says {{greeting.message}}</h1>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"/>
    <script type="text/javascript">
        var myModule = angular.module('myapp',[]);
        myModule.controller("TextController", function($scope){
            $scope.greeting.message = "hello world!";
        });
    </script>

</body>
</html>

Here's the JSFiddle link: http://jsfiddle.net/HdR2c/1/

Josh C. · Accepted Answer · 2014-01-20 07:18:22Z

7

You can't self close script tags first of all so you need to change your angular include to be the following:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js">
</script>

Then change your $scope.greeting.message var to something like $scope.greetingMessage. The way you are currently doing it you are looking for an attribute called "message" in a greeting object.

edited Jan 20, 2014 at 7:18

answered Jan 20, 2014 at 7:10

Josh C.

3902 silver badges8 bronze badges

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

Comments

juanignaciosl · Accepted Answer · 2014-01-20 07:12:34Z

1

You can't self-close script tag. This is wrong:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"/>

You should close it this way:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>

answered Jan 20, 2014 at 7:12

juanignaciosl

3,5832 gold badges33 silver badges29 bronze badges

Comments

Abhijeet · Accepted Answer · 2014-10-28 10:38:19Z

-1

Make sure your module definition have the argument [] blocks in it, even though they are empty.

angular.module('module_name',[]);

answered Oct 28, 2014 at 10:38

Abhijeet

8,7815 gold badges73 silver badges82 bronze badges

Collectives™ on Stack Overflow

AngularJS example - Uncaught Error: No module: myapp

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related