Why this simple Angular.js example does not work?

Question

I'm reading AngularJS from O'REILLY, and i tried to see how angular works with an example but i can make it functional:

The hello.html :

<html ng-app>
  <head>
    <script src="angular.js"></script>
    <script src="controllers.js"></script>
  </head>
  <body>
    <div ng-controller="HelloController">
      <p>{{ greeting.text }}, World</p>
    </div>
  </body>
</html>

and the logic within the controllers.js :

function HelloController($scope) {
  $scope.greeting = { text: 'Hello' };
}

but when i display the hello.html on the browser, i can see {{ greeting.text }}, Hello.

What is wrong here?

If you're using version 1.3+, you cannot by default use global functions as controllers. You should check your console for errors — Phil
– Phil, Commented Feb 9, 2015 at 22:01
possible duplicate of Controller not a function, got undefined, while defining controllers globally — Phil
– Phil, Commented Feb 9, 2015 at 22:02

mz3 · Accepted Answer · 2015-02-09 22:03:01Z

1

You never defined a controller, you just defined a function that happened to have "controller" in the name.

Try initializing the app properly:

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

myApp.controller('HelloController', ['$scope', function($scope) {
  $scope.greeting = {text: 'Hello'};
}]);

https://docs.angularjs.org/guide/controller

answered Feb 9, 2015 at 22:03

mz3

1,35412 silver badges28 bronze badges

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

2 Comments

yangli-io Over a year ago

That's not his issue, he should be able to do it without having to define it the way you have.

Phil Over a year ago

@YangLi not in 1.3 (by default). In any case, this question has already been answered (assuming this is the actual problem)

Collectives™ on Stack Overflow

Why this simple Angular.js example does not work?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related