current community

your communities

more stack exchange communities

company blog
Stack Exchange Inbox Reputation and Badges
tour help
Join the Stack Overflow Community
Stack Overflow is a community of 4.7 million programmers, just like you, helping each other.
Join them; it only takes a minute:
Sign up
up vote 0 down vote favorite

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

share|improve this question
    
start by looking in browser console...the error angular is not defined would be a big clue....always check console first!! – charlietfl yesterday
up vote 0 down vote 
<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)

share|improve this answer
    
What is the difference from the answer i posted? – Sajeetharan yesterday
    
Yours and mine is same ,I was few seconds later i think . Should I delete it ? – Ujjwal kaushik yesterday
    
@Ujjwalkaushik no. This situation happens all the time, especially when answer is obvious and there is only one potential code change – charlietfl yesterday
    
@Ujjwalkaushik no, i was wondering if there is any difference! its ok to keep – Sajeetharan yesterday
    
ok @charlietfl ,but I should try to comment on these situations first :( – Ujjwal kaushik yesterday
up vote 0 down vote

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

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.