Angularjs change ng-model value with conditions on binding value

Question

I am facing an issue with ng-model in angularjS. I have this piece of code :

<select ng-model="node[col.field]">
    <option selected="selected">-</option>
    <option>I</option>
    <option>W</option>
    <option>E</option>
</select>

For example, When the user selects "I", I'd like to have node[col.field] = "1" and not node[col.field] = "I". Is that possible to do that ?

set value=1 in <option> tag

ojus kulkarni
– ojus kulkarni

2016-03-13 10:23:05 +00:00
Commented Mar 13, 2016 at 10:23 — ojus kulkarni
– ojus kulkarni, Commented Mar 13, 2016 at 10:23

David Villacis C. · Accepted Answer · 2016-03-13 10:35:57Z

1

Have you tried using the value attribute of option. I feel you can declare what really every option should mean and then you might be able of using your method.

http://www.w3schools.com/tags/att_option_value.asp

edited Mar 13, 2016 at 10:35

answered Mar 13, 2016 at 10:19

David Villacis C.

1016 bronze badges

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

3 Comments

Kevin Vincent Over a year ago

Thanks it works, i didn't think about it. Just one question to be sure that I understood. When you put "value" one the option tag, ng-model value is binded with this value and not with what the displayed value ?

David Villacis C. Over a year ago

Yes that is right! But it is not an angular specific solution, adding the value attribute works for any JavaScript need since the Dom element will use the value attribute first before the displayed value

Kevin Vincent Over a year ago

Great ! I got it, Thanks for your answers.

Collectives™ on Stack Overflow

Angularjs change ng-model value with conditions on binding value

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related