What is the cause for angular is not defined

Question

I m following the video tutorials on egghead io but while trying to follow his example when he created a factory  see video here  I keep getting  angular is not defined  Reference Error but I have included the angular script  This is my html page    lt  DOCTYPE html gt   lt html gt       lt head gt       lt title gt Prototype lt  title gt       lt link rel  stylesheet  type  text css  href  foundation min css  gt       lt script type  text javascript  src  main js  gt  lt  script gt       lt  head gt       lt body gt        lt div data-ng-app    gt            lt div data-ng-controller  FirstController  gt               lt input type  text  data-ng-model  data message  gt               lt h1 gt    data message    lt  h1 gt           lt  div gt              lt div data-ng-controller  SecondController  gt               lt input type  text  data-ng-model  data message  gt               lt h1 gt    data message    lt  h1 gt           lt  div gt         lt  div gt       lt script type  text javascript  src  angular min js  gt  lt  script gt       lt  body gt   lt  html gt    and this is my javascript file  main js      Services        step 1 create an app                                  var myApp   angular module  Data               tep 2 create factory                    Service name  function     myApp factory  Data   function            return   message   I m Data from a Service                 Controllers     function FirstController  scope  Data            scope data   Data             function SecondController  scope            I have read a few posts where similar happen  here  and please correct me if I m wrong but I think it is to do with Boot strapping andI have tried manually bootstrapping using angular bootstrap document    Data     but with no success  still get same error    But What I want to know is  Why this works for so many examples online  like the egghead video series  but I have issues as I believe I have followed his video very closely  is it a change in angular in recent versions

User · Answer

You have not placed the script tags for angular js

you can do so by using cdn or downloading the angularjs for your project and then referencing it

after this you have to add your own java script in your case main.js

that should do

User · Answer

I had the same problem as deke  I forgot to include the most important script  angular js       lt script type  text javascript  src  bower components angular angular min js  gt  lt  script gt

User · Answer

You have to put your script tag after the one that references Angular  Move it out of the head    lt script type  text javascript  src  angular min js  gt  lt  script gt   lt script type  text javascript  src  main js  gt  lt  script gt    The way you ve set it up now  your script runs before Angular is loaded on the page

[javascript] What is the cause for "angular is not defined"

Examples related to javascript

Examples related to angularjs