CODEWITHSUNDEEP
angular
cerealex
cerealex

Reputation: 1691

Passing an async option value with Angular

This is the view:

<select name="day" (change)="showHourRange(value)">
  <option selected="true" disabled="disabled">Choose one</option>
  <option *ngFor="let delivery of deliveries$ | async"
          [value]="delivery.day">{{delivery.day | date:'dd/MM/yy'}}
  </option>
</select>

The value logs undefined when the method is called even if it is correctly shown inside the rendered options.

Upvotes: 0

Views: 29

Answers (1)

Sajeetharan
Sajeetharan

Reputation: 222682

Use [ngModel] and ngModelChange

<select name="day" [ngModel]="selectedDelovery" (ngModelChange)="showHourRange($event)">
  <option *ngFor="let delivery of deliveries$ | async"
          [value]="delivery.day">{{delivery.day | date:'dd/MM/yy'}}
  </option>
</select>

Upvotes: 2

Related Questions