Angular.js with Jade and Express - data binding not working

Question

I'm learning AngularJS with Dan Wahlin's tutorial (http://youtu.be/i9MHigUZKEM?t=13m35s). I have the following code in my views/index.jade:

!!! 5
html(data-ng-app='')
  head
    title Angular Tutorial
  body
    | Name:
    br 
    input(type='text', data-ng-model='name') | {{name}}

    script(src='https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js', type='text/javascript')

But when I run the app, and type anything in the Name box, it does not display the text like it does in the tutorial. What am I doing wrong?

Heikki · Accepted Answer · 2013-09-19 04:45:56Z

6

Put your binding on the next row. The previous one sets it inside the input (which doesn't make sense).

input(type='text', data-ng-model='name')
| {{name}}

answered Sep 19, 2013 at 4:45

Heikki

15.4k2 gold badges57 silver badges49 bronze badges

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

2 Comments

tldr Over a year ago

thanks! could you please explain this a little more? why does having it on the same line set it inside the input?

Heikki Over a year ago

Compare it to placing text inside of paragraph tag: p Foobar.

Collectives™ on Stack Overflow

Angular.js with Jade and Express - data binding not working

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related