Angular.js first issue

Question

I am following a tutorial but stuck on one issue. I don't know what I am missing here.

    //script.js
    var MainController = function($scope)
    {
      $scope.message = "Hello!!!!";
    };

<!-- index.html -->
<!DOCTYPE html>
<html ng-app>

  <head>
    <script data-require="[email protected]" data-semver="1.3.4" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

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

</html>

Problem is - The message is not binding.

Turn your code into a single file chunk and re post your question. (with the code) — Chris
– Chris, Commented Nov 26, 2014 at 4:25
Try this: change <html ng-app> to <html ng-app="app"> and your javascript to angular.module("app", []) .controller("MainController", function() {});. — soktinpk
– soktinpk, Commented Nov 26, 2014 at 4:38
your code will work with Angular 1.0.7, I guess things changed a bit , have a look at viralpatel.net/blogs/angularjs-controller-tutorial — user2727195
– user2727195, Commented Nov 26, 2014 at 4:44

Chris · Accepted Answer · 2014-11-26 04:35:31Z

1

Create your module first, then add the controller to the module, specify both the app and controller in your HTML portion.

<!DOCTYPE html>
<html ng-app="app">

  <head>
    <script data-require="[email protected]" data-semver="1.3.4" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
     <script>
     var app = angular.module('app',[]);
      var MainController1 = function($scope)
      {
        $scope.message = "Hello!!!!";
      };
      app.controller("MainController1", MainController1);

    </script>
  </head>

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

</html>

answered Nov 26, 2014 at 4:35

Chris

2,8261 gold badge31 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

Angular.js first issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related