Angularjs controller initialization

Question

I am learning AngularJs. I am creating my first application on Plunker but it fails to initialize the controller. what am i missing exactly?

Here is the link of my plunker project

    <html ng-app>

<head>
  <script data-require="angular.js@*" data-semver="1.4.0-beta.1" src="https://code.angularjs.org/1.4.0-beta.1/angular.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
</head>

<body ng-controller="testcontroller">
  <h1>Hello {{message}}</h1>
</body>

</html>

var testcontroller = function($scope) {
  $scope.message = "world";
};

I got it. using ng-App without module name was working flawlessly with previous releases like 1.3.0-beta.5 but Angular no longer supports this functionality — Ulhas Tuscano
– Ulhas Tuscano, Commented Jan 23, 2015 at 6:30

Pankaj Parkar · Accepted Answer · 2015-01-23 06:20:14Z

1

Here is Plunkr

Declare ng-app="myApp"

You are defining controller in wrong way

angular.module('myApp',[])
.controller('testcontroller', function($scope){
  $scope.message="world";
});

answered Jan 23, 2015 at 6:20

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

2 Comments

Ulhas Tuscano Over a year ago

is it mandatory to assign a module for the application? because i have seen many examples working with only ng-app

Pankaj Parkar Over a year ago

modular approach separates the code better way docs.angularjs.org/guide/module

Collectives™ on Stack Overflow

Angularjs controller initialization

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