How to display data in select box using angularJS? [closed]

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

Want to improve this question? Guide the asker to update the question so it focuses on a single, specific problem. Narrowing the question will help others answer the question concisely. You may edit the question if you feel you can improve it yourself. If edited, the question will be reviewed and might be reopened.

Closed 9 years ago.

Improve this question

Hi I want to bind the zipcode's in the select box from the following data. How to do that ??

[[{'zipcode':'6451105'},{'zipcode':'641515'},{'zipcode':'564555'}]]

I think the best way is using ng-options check the following link — Omar Martinez
– Omar Martinez, Commented Jan 12, 2016 at 1:21
You realise your data has multiple zipcode keys in the same object? Should it perhaps be [{'zipcode':'6451105'},{'zipcode':'641515'},{'zipcode':'564555'}] — Phil
– Phil, Commented Jan 12, 2016 at 1:26

Phil · Accepted Answer · 2016-01-12 01:25:13Z

2

Assuming you want to bind one of your zipcode objects to a property, eg

{zipcode: '641515'}

and your actual data looks like this

[{'zipcode':'6451105'},{'zipcode':'641515'},{'zipcode':'564555'}]

this should suffice

<select name="zipCode" ng-model="zipCode"
    ng-options="zipCode.zipcode for zipCode in zipCodes"></select>

http://plnkr.co/edit/rY0cFVqyZHVoB4DyZj1Z?p=preview

edited Jan 12, 2016 at 1:25

answered Jan 12, 2016 at 1:18

Phil

166k25 gold badges265 silver badges269 bronze badges

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

3 Comments

Gopinath Kaliappan Over a year ago

Hi Phill, Thank you for your reply ... i Want to display all the zipcodes in dropdown one by one .Still i din't get the solution.

Phil Over a year ago

@Gopinath I don't understand what you mean by "one by one"

Gopinath Kaliappan Over a year ago

Hi Phil I got the solution thank you very much.

Collectives™ on Stack Overflow

How to display data in select box using angularJS? [closed]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related