AngularJS 2 way Data Binding not working?

Question

<!DOCTYPE html>
<html lang="en" ng-app>
  <head>
    <title>TheNetNinja Angular Playlist</title>
    <link href="content/css/styles.css" rel="stylesheet" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
    <script src="app/lib/angular.min.js"></script>
  </head>
  <body>
    <input type="text" ng-model="favMeat" placeholder="enter your fav meat" />
    <p>Your fav meat is: {{ favMeat }} </p>
  </body>
</html>

The text box and the words below it are showing up, but the 'favMeat' value is not showing up when I type in the text box. I'm also running this on a local server built into the atom text editor. I would guess it has something to do with my src files? If I comment out the second src it still doesn't work.

Sajeetharan · Accepted Answer · 2018-06-06 17:48:13Z

1

First of all there is no angularjs2 , its just angular 1.x or angular 2/4/5/6.

Just remove the duplicate reference to angular.js

Anyhow the above code works,

<!DOCTYPE html>
<html lang="en" ng-app>
  <head>
    <title>TheNetNinja Angular Playlist</title>
    <link href="content/css/styles.css" rel="stylesheet" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
    
  </head>
  <body>
    <input type="text" ng-model="favMeat" placeholder="enter your fav meat" />
    <p>Your fav meat is: {{ favMeat }} </p>
  </body>
</html>

answered Jun 6, 2018 at 17:48

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

4 Comments

beesknees123 Over a year ago

It works only if I take all of the other text out of the p tag and just have the variable.

Sajeetharan Over a year ago

did you have a look at the demo?

beesknees123 Over a year ago

Yeah it works in the demo. Maybe it's my text editor.

Sajeetharan Over a year ago

it does not have anything to do with the editor i guess

Collectives™ on Stack Overflow

AngularJS 2 way Data Binding not working?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related