Angular JS:controller syntax

Question

I am a newbie to angular js and found a strange problem.I was not able to run the following code :

hello.html

<html ng-app>
<head>
 <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
  <script src="controller.js"></script>
</head>
<body>
  <div ng-controller='HelloController'>
    <p>{{greeting.text}}, World</p>
  </div>
</body>
</html>

controller.js

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

http://stackoverflow.com/questions/26646941/getting-an-error-when-using-ng-controller-in-angularjs-ver-1-3-0/26647015#26647015 — Kalhan.Toress, Sep 29 '15 at 10:02

score 1 · Answer 1 · answered Sep 29 '15 at 10:03

1

Angular 1.3+ no longer supports controller declaration on the global scope. Modify your code as

angular.module('app', [])
.controller('HelloController', function ($scope) {
    $scope.greeting = {
        text: 'hello'
    }
});

answered Sep 29 '15 at 10:03

Satpal

132,252
13
159
168

score 1 · Answer 2 · answered Sep 29 '15 at 10:04

1

You need to create a module for your controller, for example :

angular.module('myApp.controllers')
    .controller('HelloController', function ($scope) {
        $scope.greeting = { text: 'Hello' };
    }
});

answered Sep 29 '15 at 10:04

Grégory Desmaziers

189
3

Angular JS:controller syntax

2 Answers2