AngularJS newbie error

Question

Okay so I'm following an AngularJS online beginner course, and wrote my first app :

HTML :

<html ng-app>
  <head>
    <script src="lib/angular.min.js"></script>
    <script src="lib/app.js"></script>
  </head>
  <body>
    <div ng-controller="mainController">
      <h1>Hello {{ name }}!</h1>
    </div>
  </body>
</html>

app.js :

var myApp = angular.module("myApp",[]);
myApp.controller('mainController',['$scope',function($scope){
  $scope.name =  'Elliot';
}]);

I don't get the desired outcome from this small app, I only get "Hello {{ name }}!".

What am I doing wrong here?

Mathew Berg · Accepted Answer · 2015-10-04 17:29:52Z

2

Change your html tag too:

<html ng-app="myApp">

answered Oct 4, 2015 at 17:29

Mathew Berg

28.8k11 gold badges72 silver badges94 bronze badges

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

1 Comment

RamithDR Over a year ago

I missed it! Thanks a lot! :)

Collectives™ on Stack Overflow

AngularJS newbie error

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related