How to display custom label in SELECT dropdown using ng-options.

[Ashit Vora]

Hi,

How can I display custom label in select dropdown.

I have two fields in my object that I was it in select dropdown.

result should be something like...

<select>

  <option value="1">object.name (object.city)</option>

  <option value="1">object.name (object.city)</option>

  <option value="1">object.name (object.city)</option>

  <option value="1">object.name (object.city)</option>

</select>

[Emil Stolarsky]

Hey Ashit,

You'd want to use the ng-options directive to achieve that. It works very similarly to ng-repeat. In your select element, you'd add the directive with the parameters "labelValue for optionValue in objArr" (Note, those are placeholders). Since you need the label to contain multiple properties and for it to be formatted a certain way, you could have 'labelValue' be a call to a function (with the arguments being the obj properties you want to show in the label) that returns a string the way you'd like to be formatted. 

I've created an example here: http://plnkr.co/edit/noc7zi1iGsUMA0xt70IJ?p=preview