model expression not working in angular js

Question

The expression is not getting updated with value I type in text box.

<html>
    <head>
        <title>Angular Test</title>
        <meta charset="UTF-8">
        <script src="angular.js" type="text/javascript"> </script>
        <script>
           var app=angular.module("myApp",[]);
           app.controller("ctrl",function($scope){
                $scope.name="asdfsdf";
           });
        </script>
    </head>
    <body ng-app="myApp" ng-controller="ctrl" >
        <input type="text" ng-bind="name" /> {{name}}
    </body>
</html>

Reshma Reghunatha Panicker · Accepted Answer · 2016-05-31 08:57:56Z

1

Change ng-bind to ng-model.....ng-model provides two-way binding where as ng-bind provides only one-way binding.

<html>
    <head>
        <title>Angular Test</title>
        <meta charset="UTF-8">
        <script src="angular.js" type="text/javascript"> </script>
        <script>
           var app=angular.module("myApp",[]);
           app.controller("ctrl",function($scope){
                $scope.name="asdfsdf";
           });
        </script>
    </head>
    <body ng-app="myApp" ng-controller="ctrl" >
        <input type="text" ng-model="name" /> {{name}}
    </body>
</html>

answered May 31, 2016 at 8:57

Reshma Reghunatha Panicker

1,12111 silver badges23 bronze badges

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

Comments

Stark Buttowski · Accepted Answer · 2016-05-31 09:53:02Z

0

Change the ng-bind to ng-model to update the value of input.

<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  <title>Angular Test</title>
  <meta charset="UTF-8">
  <script src="angular.js" type="text/javascript">
  </script>
  <script>
    var app = angular.module("myApp", []);
    app.controller("ctrl", function($scope) {
      $scope.name = "asdfsdf";
    });
  </script>
</head>

<body ng-app="myApp" ng-controller="ctrl">
  <input type="text" ng-model="name" />{{name}}
</body>

</html>

answered May 31, 2016 at 9:53

Stark Buttowski

1,8492 gold badges11 silver badges21 bronze badges

Collectives™ on Stack Overflow

model expression not working in angular js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related