Cannot populate values in select box using ng-options

Question

I have a select box as

<select ng-model="ctrl.project.customerAccess" 
                         ng-options="c.customerAccessValue  for c in customerAccessValues">
                         </select>

where my customerAccessValues as printedcon console is

What is it I am missing in comprehension expression.?

You are selecting customerAccessValues from customerAccessValues. Should't it be selecting customerAccessValues from customerAccess ? — Puya Sarmidani, Oct 20 '16 at 10:04
@Sravan It is the json array as printed on console. screenshot is attached. — Shweta Gulati, Oct 20 '16 at 10:09
@PuyaSarmidani I want to select customerAccessValue from customerAccessValues — Shweta Gulati, Oct 20 '16 at 10:10
http://stackoverflow.com/questions/25734151/why-is-my-ng-options-not-populating-my-select-input maybe this will help you — Puya Sarmidani, Oct 20 '16 at 10:13
@Piya Yeah got ip populated i missed $scope while defining customerAccessValues in my controller. Thabkx bu t there is one more issue my first value in select box is empty. what to do about that — Shweta Gulati, Oct 20 '16 at 10:17
For the empty value : http://stackoverflow.com/questions/12654631/why-does-angularjs-include-an-empty-option-in-select — Johnny, Oct 20 '16 at 10:21
@Piya Yeah, it was available in the llink you shared previously. — Shweta Gulati, Oct 20 '16 at 10:58

score 0 · Answer 1 · answered Oct 20 '16 at 10:23

To remove the empty select, just initialize a value in controller.

<select ng-model="ctrl.project.customerAccess" 
ng-options="c.customerAccessValue  for c in customerAccessValues">
</select>

Controller,

$scope.ctrl.project.customerAccess = $scope.customerAccessValues[0]

Cannot populate values in select box using ng-options

1 Answers1