Angular JS Controller not working while using with .js file

Question

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

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

start by looking in browser console...the error angular is not defined would be a big clue....always check console first!! — charlietfl
– charlietfl, Commented Oct 1, 2016 at 17:43

Sajeetharan · Accepted Answer · 2016-10-01 18:00:37Z

0

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

edited Oct 1, 2016 at 18:00

answered Oct 1, 2016 at 17:39

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

Comments

Ujjwal kaushik · Accepted Answer · 2016-10-01 17:40:38Z

0

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

answered Oct 1, 2016 at 17:40

Ujjwal kaushik

1,69613 silver badges18 bronze badges

9 Comments

Sajeetharan Over a year ago

What is the difference from the answer i posted?

Ujjwal kaushik Over a year ago

Yours and mine is same ,I was few seconds later i think . Should I delete it ?

charlietfl Over a year ago

@Ujjwalkaushik no. This situation happens all the time, especially when answer is obvious and there is only one potential code change

Sajeetharan Over a year ago

@Ujjwalkaushik no, i was wondering if there is any difference! its ok to keep

Ujjwal kaushik Over a year ago

ok @charlietfl ,but I should try to comment on these situations first :(

|

Collectives™ on Stack Overflow

Angular JS Controller not working while using with .js file

2 Answers 2

Comments

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related