How do I set the value property in AngularJS' ng-options?

Question

Here is what seems to be bothering a lot of people (including me).

When using the ng-options directive in AngularJS to fill in the options for a <select> tag, I cannot figure out how to set the value for an option. The documentation for this is really unclear - at least for a simpleton like me.

I can set the text for an option easily like so:

ng-options="select p.text for p in resultOptions"

When resultOptions is for example:

[ 

   { 

      "value": 1, 

 "text": "1st" 

    },

    {

  "value": 2,

  "text": "2nd" 

     }

 ]

It should be (and probably is) the most simple thing to set the option values, but so far I just don't get it.

Answer 1

For setting the value property in AngularJS' ng-options you can follow the below-mentioned steps:-

With track by an expression, you can set the actual value for the value attribute. Of select element. 

Are you interested in learning Angularjs from the basics! Here's the right video for you on Angularjs provided by Intellipaat:

See the code below:-

 <select ng-options="obj.text for obj in array track by obj.value"> 

</select>