AngularJS ng-model update value on condition

Question

I'm pretty new to AngularJS, and have a (maybe simple or stupid) question.

I have a input radio box, with a ng-model, the value depends on a condition

<input type="radio" name="q_{{question.id}}" ng-model="question.option.id" value="{{!survey.isOptionSelected(question.related_question_option_id) ? 0 : opt.id}}">

my problem is that ng-model="question.option.id" is not changing when (or if) the condition changes .. is there a way update it with the current value?

Deblaton Jean-Philippe · Accepted Answer · 2015-08-07 08:02:19Z

2

Maybe I'm wrong, but looking at your code, it looks like you're trying to enable/disable some radio buttons depending on a checkbox.

<input type="radio" name="q_{{question.id}}" 
       ng-model="question.option.id" 
       value="{{opt.id}}" 
       ng-disabled="survey.isOptionSelected(question.related_question_option_id)" />

Ain't this a better option?

And, if your condition changes, you must add a $watch on the select that can change, and update the question.option.id inside the callback

answered Aug 7, 2015 at 8:02

Deblaton Jean-Philippe

11.4k4 gold badges53 silver badges68 bronze badges

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

1 Comment

pkdkk Over a year ago

.directive('surveyOption', [function () { return { restrict: 'A', scope : { question: "=surveyOption" }, link: function (scope, iElement, iAttrs) { iAttrs.$observe('disabled', function(disabled) { if(disabled) { if(typeof scope.question.option !== "undefined") { scope.question.option.id = 0; } } }); } }; }])

Romain F. · Accepted Answer · 2015-08-07 07:53:46Z

0

You need to replace value with ng-value: https://docs.angularjs.org/api/ng/directive/ngValue

answered Aug 7, 2015 at 7:53

Romain F.

81412 silver badges15 bronze badges

2 Comments

pkdkk Over a year ago

it's a start ;) ... but it still not update the question.option.id when the condition changes, I can see the value updates to "0" but not the question.option.id.

Romain F. Over a year ago

Right. Maybe you should try to bind on "option" instead of option.id. This way, if an option content change, the object reference will still be the same, and you won't need to do anything else. The drawback is that you must refer to the same object. Maybe this can help: stackoverflow.com/questions/19281404/…

Collectives™ on Stack Overflow

AngularJS ng-model update value on condition

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related