The angular JS controller does not work using the .js file

advertisements

I'm New to Angular JS. I'm trying a simple Example but it seemed to be not working.

I created a script.js with following code:-

var myApp = angular.module("myModule", []).controller("myController", function ($scope) { $scope.message = "AngularJS Tutorial"; });

And HtmlPage1.html :-

<script src="Script.js"></script>
 <script src="Scripts/angular.min.js"></script> </head> <body>
 <div ng-app="myModule">
     <div ng-controller="myController">
         {{ message }}
     </div>
 </div>

But I'm getting this result:-

{{ message }}

I don't know what's wrong . Please Help...


Load Script.js after loading reference of angular.js, because your module declaration needs the reference of angular.

You need to do is make sure that the angular module is created before you attempt to register controller on it .

<script src="Scripts/angular.min.js"></script>
<script src="Script.js"></script>

DEMO