Angular Select box returning Object

Question

I have an Angular select dropdown that is populated from a constant. When updating the model the select doesn't update and: I am using track by ID but for some reason when an option is selected the whole object is returned instead of just the ID.

Could someone please have a look at this plunkr and let me know where I went wrong. https://plnkr.co/edit/UJMeR0gregFaavhT5wxs?p=preview

<select id="property_type_id" class="form-control"
    ng-model="proptype_id"
    ng-options="ptypes.Description for ptypes in proptypes track by ptypes.ID"
    >
<option value="">Please select Type</option>
                                                    </select>

Hadi · Accepted Answer · 2016-04-19 12:16:18Z

1

try this.

<select id="property_type_id" class="form-control"  
              ng-model="proptype_id"
              ng-options="ptypes.ID as ptypes.Description for ptypes in proptypes track by ptypes.ID">
     <option value="">Please select Type</option>
</select>

edited Apr 19, 2016 at 12:16

answered Apr 19, 2016 at 12:11

Hadi

17.3k4 gold badges41 silver badges63 bronze badges

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

5 Comments

johan Over a year ago

I want the model = ptypes.ID with your change the model now takes the Description, also assigning the value 2 to the model doesn't change the select drop-down to the correct value

johan Over a year ago

Ok thanks, ptypes.ID as ptypes.Description works, updates the model to the correct value, but why doesn't the $http call update the dropdown to the correct val?

johan Over a year ago

Please help me with the second part of my question, I don't want to open a new one: Why doesn't the drop-down update after the model is updated?

Hadi Over a year ago

what display in console in http call? this console.log(re.data);

johan Over a year ago

Ok removing the "track by" solved my issue, thanks. According to this question I had to ask: stackoverflow.com/questions/36718995/…

Collectives™ on Stack Overflow

Angular Select box returning Object

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related