FIlling a Dropdown Box using angularJS

Question

I have created a service, written a code grabbing the names of the users in the AngularJS controller and am calling it in the view but i dont see anything :/ am i doing something incorrectly? new to angularJS btw.

this is the revised angular controller

Read this: stackoverflow.com/questions/12139152/… you should use ng-options for the select box rather than ng-repeat. — SoluableNonagon
– SoluableNonagon, Commented Dec 21, 2015 at 16:20
you can't have the NG-MODEL and NG-OPTIONS use the same object ($scope.allUsers) , that would be partly why your code isn't working. Whenever you make a selection in the dropdown, it would overwrite your allUsers model. — SoluableNonagon
– SoluableNonagon, Commented Dec 21, 2015 at 18:08

SoluableNonagon · Accepted Answer · 2015-12-21 16:22:27Z

1

Official way of generating options in AngularJS:

<select ng-model="mySelection" ng-options="user.value as user.userName for user in allUsers">
    <option value=""></option>
</select>

Also, you are setting ng-model to be the same as the thing being looped, hence you're seeing nothing.

ng-model will be the variable which will save your selection from allUsers.

answered Dec 21, 2015 at 16:22

SoluableNonagon

11.8k11 gold badges59 silver badges100 bronze badges

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

2 Comments

Edgar Over a year ago

so ng-model should be equal to "users" ? its the variable in my controller if i am understanding this correctly

SoluableNonagon Over a year ago

don't use the same variable in ng-options and ng-model, the ng-options should use allUsers while ng-model should have a different variable, like selectedUser

Dmitry Komin · Accepted Answer · 2015-12-21 16:23:15Z

1

You need to use ng-options directive to generate <option> elements. ng-model directive is used to specify model property to store selected option.

Example from official documentation:

<select ng-options="item as item.label for item in items track by item.id" ng-model="selected"></select>

You can read more here: https://docs.angularjs.org/api/ng/directive/ngOptions

answered Dec 21, 2015 at 16:23

Dmitry Komin

5596 silver badges7 bronze badges

Collectives™ on Stack Overflow

FIlling a Dropdown Box using angularJS

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related