Jay Bhalodi
Jay Bhalodi

Reputation: 387

Not get javascript value in angular model

I am trying to change my textbox value after click on a button using javascript and change ng-model value of angular js.

The Javascript code working fine and change the textbox value, but I also want to change my ng-model value according to the text box.

<!doctype html>
<html ng-app>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular-resource.min.js"></script>
    <script>
        function tryi()
        {
             document.getElementById('newtry').value="any value";
        }
    </script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="yourName" id="newtry">
      <input type="button" onclick="tryi();"value="click here">
      <hr>
      <h1>Hello {{yourName}}!</h1><hr>
    </div>
  </body>
</html>

Upvotes: 1

Views: 191

Answers (1)

Vamsi
Vamsi

Reputation: 9780

I think you have included angular-resource and not included angularjs

add this line

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

the code is working fine

Here is the plunkr link: http://plnkr.co/edit/CPX1Mhn2CkmY6wZWHvya?p=preview

Upvotes: 2

Related Questions