AngularJs invalid form on value set by jQuery

Question

i am using the same form to edit many records existing in an ng-repeat. When I click the edit buttom, i just do the following:

$('#EvaluationQuestionId').val($scope.data.EvaluationQuestion[$index].id);

$('#EvaluationQuestionEvaluationTopicId').val($scope.data.EvaluationQuestion[$index].evaluation_topic_id);

$('#EvaluationQuestionName').val($scope.data.EvaluationQuestion[$index].name);

The form inputs are filled correctly but i do not understand why, the AngularJs model is not updated as it does when you type in those inputs manually and invalid tags are kept until you write anything or select another choice in the populated select input.

I have tryed

$scope.$apply();

and also before the form...

$scope.evaluationFormQuestions.$setPristine(true);

But i am out of energy and ideas already...

In angular, you modify the model, and allow the digest cycle that gets triggered afterwards to update the view. In your post, you're using jquery to update the view directly. That's bad practice in the angular world. — Michael Kang
– Michael Kang, Commented Aug 7, 2014 at 9:29

Gestudio Cloud · Accepted Answer · 2014-08-07 09:39:14Z

0

Ok, i have updated the code, and as pixelbits suggested, i entered the data directly to the model instead of the inputs. It works and the code is much more easy and shorter.

So... lesson learned: read all the docs before... :)

https://docs.angularjs.org/guide/forms

answered Aug 7, 2014 at 9:39

Gestudio Cloud

2902 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

AngularJs invalid form on value set by jQuery

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