ng-model not updating when input values are populated from javascript

Question

I have a form where there are many inputs fields type="text" and I would need some of the inputs where its value should be populated using clickevent. So I gave a classname for specific inputs which is specialinputs.

       Below is the input field
       <input type="text" class="specialinputs" ngvalue="DataFields1" 
        ngmodel="DataFields1"> 
       </input>

        Below is the javascript code
        var myinputs = document.getElementsByClassName("specialinputs")
        for (i = 0; i < myinputs.length; i++) {
         myinputs[i].value = "Mytext"; 
         }

This works,Mytext is being populated. but my input field ng-model is not getting updated, when i save the form , the values are not getting saved. Iam using angularjs

Pasha K · Accepted Answer · 2022-07-27 13:33:10Z

0

it's because angular scope don't know about your changes so you need to tell him about them

var myinputs = document.getElementsByClassName("specialinputs")
    for (i = 0; i < myinputs.length; i++) {
     myinputs[i].value = "Mytext"; 
    }
$scope.$apply();

answered Jul 27, 2022 at 13:33

Pasha K

4072 silver badges7 bronze badges

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

Collectives™ on Stack Overflow

ng-model not updating when input values are populated from javascript

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