Simple example to get started with Angular data binding - why doesn't this work?

Question

Im getting started with Angular.js. I am trying the data binding that angular offers

With this code I expect that whatever I type in the dialogue box is rendered underneath in the browser. WHy isn't that happening here? What am I missing?

 <!Doctype html>
 <html ng-app>
 <head>
<title>Simple App</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">   </script>
 </head>
 <body>
<input ng-model="name" type="text" placeholder="Your name">
<h1>Hello {{name}}</h1>

 </body>
 </html>

This is what Im seeing:

enter image description here

Sorry if this is stupid but. Ive installed node and npm. How do I run a server? — banditKing
– banditKing, Commented Apr 15, 2014 at 15:36
Did adding ng-app fix your problem? If it does you should state so clearly, because editing your answer to include it might create confusion, when it was the most obvious omission in your question originally. — Darragh Enright
– Darragh Enright, Commented Apr 15, 2014 at 15:40

thsorens · Accepted Answer · 2014-04-15 16:08:04Z

1

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">   </script>

should be

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">   </script>

answered Apr 15, 2014 at 16:08

thsorens

1,32812 silver badges21 bronze badges

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

Comments

Gopesh · Accepted Answer · 2014-04-15 15:38:16Z

0

Try to add ng-app in the html

<!Doctype html>
<html>
 <head>
<title>Simple App</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">   </script>
 </head>
 <body ng-app="myapp">
<input ng-model="name" type="text" placeholder="Your name">
<h1>Hello {{name}}</h1>

 </body>
 </html>

answered Apr 15, 2014 at 15:38

Gopesh

3,97011 gold badges40 silver badges53 bronze badges

5 Comments

banditKing Over a year ago

Added ng-app and it didnt do anything

Gopesh Over a year ago

How do you run this page?

banditKing Over a year ago

im just refreshing the browser

banditKing Over a year ago

No Im not using a wamp server. Im on a mac and I have installed node.js. How can I run server? Is there any tutorial for this?

banditKing Over a year ago

There is no need for a server btw

saygon91 · Accepted Answer · 2015-04-14 15:47:55Z

0

<!DOCTYPE html>
<html ng-app>

  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  </head>

  <body>
    <input ng-model="name" type="text" placeholder="Your name">
    <h1>Hello {{name}}</h1>
  </body>

</html>

Working example

answered Apr 14, 2015 at 15:47

saygon91

1165 bronze badges

Collectives™ on Stack Overflow

Simple example to get started with Angular data binding - why doesn't this work?

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related