Not get javascript value in angular model

Question

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>

What is the sense behind doing this outside of the angular scope? — David Losert
– David Losert, Commented Mar 22, 2014 at 7:28
in other project i set one textbox value using javascript so that can not assign in ng-model so i have that type of problem. — Jay Bhalodi
– Jay Bhalodi, Commented Mar 22, 2014 at 7:32
You can also set the Textbox with JavaScript from within an Angular-Controller, then you wouldnt have this problem. If you want to adjust a mode-value from OUTSIDE the angular-scope, you would need to use the $apply()-Method to notify angular about the changes. But i would recommend you read the Angular-Tutorial first (docs.angularjs.org/tutorial), that explains how it works. — David Losert
– David Losert, Commented Mar 22, 2014 at 8:05

Vamsi · Accepted Answer · 2014-03-22 08:50:06Z

2

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

edited Mar 22, 2014 at 8:50

answered Mar 22, 2014 at 8:09

Vamsi

9,8006 gold badges40 silver badges46 bronze badges

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

Collectives™ on Stack Overflow

Not get javascript value in angular model

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related