Angular JS Controller not working while using with .js file

0
votes

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...

2
htmlangularjs
start by looking in browser console...the error angular is not defined would be a big clue....always check console first!! - charlietfl

2 Answers

0
votes

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

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

Include controller after angular library (y)