angular app.controller raises an error

Question

I'm learning the AngularJS and was trying to do the basic thing which was:

<!doctype html>
<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"     type="text/javascript"></script>

<script type="text/javascript">
    var myapp = angular.module('MyTutorialApp',[]);

    myapp.controller("MyMainController", function($scope){
        $scope.understand = "I now understand how the scope works2!";
    });
</script>
</head>
<body ng-app='MyTutorialApp'>
    <div id='content' ng-controller='MyMainController'>
        {{understand}}
    </div>
</body>
</html>

But I'm getting an error for the code above, an error saying that "Error: Argument 'MyMainController' is not a function, got undefined"

But if I will use the next code instead, the app will work

function MyMainController($scope) {
    $scope.understand = 'I now understand how the scope works3';
}

AlwaysALearner · Accepted Answer · 2013-08-01 12:09:06Z

3

That is because your html tag needs to be like:

<html ng-app="MyTutorialApp">

answered Aug 1, 2013 at 12:09

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

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

2 Comments

Alon Over a year ago

Wow, how did I miss that ? I'm probably very very tired :), thx for your answer

AlwaysALearner Over a year ago

Yeah! :) Also you can remove the same from the body tag.

Collectives™ on Stack Overflow

angular app.controller raises an error

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related