First look on AngularJS

Question

I'm trying to learn AngularJS and the first example I have tried does not work. Why? Here is the HTML:

<html ng-app>
<head>
    <title></title>
    <script src="Scripts/angular.js"></script>
    <script src="app.js"></script>    
</head>``
<body ng-controller="MainCtrl">
    <div>Hello, {{userGroup.name}}!</div>
</body>
</html>

And here is the javascript (app.js file) code:

var MainCtrl = function ($scope) {
   $scope.userGroup = {
      name: "Kirill Kuts"
   };
}

I don't think your HTML is valid, it has `` in it between and . Beyond that, we'd need to see the error message or some description of "does not work" in order to answer. — Reid Spencer, Jan 17 '15 at 20:36
Most probably you're using a recent AngularJS version. New versions does not support controller definitions this way. — Ertunç, Jan 17 '15 at 20:42

Michael Coleman · Accepted Answer · 2015-01-17T20:43:50.957

0

I would start by rewriting your controller. From AngularJS 1.3 onwards global controllers are disabled, refer:
- https://github.com/angular/angular.js/blob/g3_v1_3/CHANGELOG.md#breaking-changes-13

$controller: disable using global controller constructors (3f2232b5)

Register a new angular module - with a name.

angular.module('app', [])
  .controller('MainCtrl', function ($scope) {
   $scope.userGroup = {
      name: "Kirill Kuts"
   };
});

update ng-app directive

Here is a working demo - http://jsbin.com/mufifukuvu/1/edit?html,js,output

edited Jan 17 '15 at 20:43

answered Jan 17 '15 at 20:36

Michael Coleman

3,288
3
19
18

thank u guys, looks like that's stupid mistake. yeah, the lesson I watched is 1 year old – bati Jan 17 '15 at 20:54

First look on AngularJS

1 Answers1