ng-options comprehension_expression for simple array

Asked Jan 19 '16 at 10:27

Active Jan 19 '16 at 10:27

Viewed 30 times

Very simple question, maybe I just don't get it:

This is my array in my angular MainController:

vm.upcomingEventDates = [
    "2017-10-13",
    "2017-10-14",
    // [...]
];

And this is my select comprehension_expression:

<select ng-model="vm.booking.nextYearDate" ng-options="events as events for events in vm.upcomingEventDates">

But he keeps rendering it wrong (or not?):

<select ng-model="vm.booking.nextYearDate" ng-options="events as events for events in vm.upcomingEventDates" class="ng-pristine ng-untouched ng-valid">
    <option value="?" selected="selected" label=""></option>
    <option value="0" label="2017-10-13">2017-10-13</option>
    <option value="1" label="2017-10-14">2017-10-14</option>
    <!-- [...] -->
</select>

How can I get rid of the first "wrong" value and get the date also in the value attribute?

asked Jan 19 '16 at 10:27

CodeBrauer

2,690
1
26
51

1

Your model "vm.booking.nextYearDate" is not set to a value at rendering time. So angular adds an empty option. If you init the model with "2017-10-13" it may work like you want. – Benjamin Schüller Jan 19 '16 at 10:36
1

This post on SO could help: http://stackoverflow.com/questions/18194255/how-to-have-a-default-option-in-select-box-angular-js – vp-platform Jan 19 '16 at 10:41
Thanks you, solved it by adding a default value. – CodeBrauer Jan 20 '16 at 08:56

ng-options comprehension_expression for simple array

0 Answers0