Can produce angular JS output

Question

I am doing a simple hello world example straight out of book but somehow i cant get it correct. not sure what is going on here.

html Code, angular.js is the latest 1.3.x downloaded from angularjs site

<!DOCTYPE html>

    <html ng-app>
    <head>
    <script src="angular.js"></script>
    <script src="controller.js"></script>
    </head>
    <body>
    <div ng-controller='HelloController'>
      <p>{{greeting.text}}, World</p>
    </body>
    </html>

Controller.js

function HelloController($scope){
  $scope.greeting={text:'Hello'};
}

why can i get Hello world in the output when i load the html page. Instead i see this

{{greeting.text}}, World

what is going on?

missing div closing tag??

Arun Ghosh
– Arun Ghosh

2014-10-11 14:27:39 +00:00
Commented Oct 11, 2014 at 14:27 — Arun Ghosh
– Arun Ghosh, Commented Oct 11, 2014 at 14:27

Lrrr · Accepted Answer · 2014-10-11 14:57:29Z

1

Here is what will work for you:

function HelloController($scope) {
    $scope.greeting={text:'Hello'};
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-controller="HelloController">
    <p>{{greeting.text}}, World</p>
  </div>
</div>

answered Oct 11, 2014 at 14:57

Lrrr

4,8055 gold badges44 silver badges65 bronze badges

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

1 Comment

oortcloud_domicile Over a year ago

This works, why is that?. why cant i use local angular javascript file?

Arun Ghosh · Accepted Answer · 2014-10-11 14:28:40Z

1

   <html>
    <head>
    <script src="angular.js"></script>
    <script src="controller.js"></script>
    </head>
    <body ng-app>
    <div ng-controller='HelloController'>
      <p>{{greeting.text}}, World</p>
    </div>
    </body>
    </html>

answered Oct 11, 2014 at 14:28

Arun Ghosh

7,7741 gold badge28 silver badges38 bronze badges

1 Comment

Piper McCorkle Over a year ago

This is why I use IDEs that auto-add ending tags. ;)

Collectives™ on Stack Overflow

Can produce angular JS output

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related