Array in Angularjs Expression

Question

In my angularjs application view.html, I have following code as shown below:

<select ng-model="models.category">
         <option ng-repeat="category in categories" value="{{ [category.id , category.title] }}">
        </select>

When i access models.category using expression. {{ models.category}} The output is. [1,"sports"] But, all i want is to display is 1 and sports in different part of my application view.

Its because of value="{{ [category.id , category.title] }} — Rajesh Dixit
– Rajesh Dixit, Commented Feb 5, 2016 at 10:35

Jordy van Eijk · Accepted Answer · 2016-02-05 10:45:34Z

2

You could do this by doing the following

{{category.id + ' ' + category.title}}

I personally think it's even better to use ng-options if you use a select because the ng-model used on the select is always a string if you use ng-repeat

<select name="mySelect" id="mySelect"
  ng-options="option.title for option in categories track by option.id"
  ng-model="models.category"></select>

and on another part of you application you can use the models.category.titleand models.category.id.

edited Feb 5, 2016 at 10:45

answered Feb 5, 2016 at 10:34

Jordy van Eijk

2,7862 gold badges20 silver badges37 bronze badges

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

2 Comments

Sagun Gautam Over a year ago

i want to show 1 and sport in different part with in my application view.

Jordy van Eijk Over a year ago

maybe it's better to show what you want then, because u said you want 1 sports in the value. But take a look at my answer above. Use the ng-options instead of a repeat. This way you can have the complete category inside your ng-model which you can use everywhere on your page.

Collectives™ on Stack Overflow

Array in Angularjs Expression

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related