How to separate model value from select value in an option?

Asked Jan 18 '17 at 09:33

Active Jan 18 '17 at 09:33

Viewed 147 times

I want to select a value in a dropdown list made of years from 2015 to the current year:

<select (change)="changeDate()">
      <option  *ngFor="let exercice of exercices" (ngModel)="selectedExercise" 
      [value]="exercice">{{exercice}}</option>
</select>

I have in my model the variable "selectedExercise : number", and I want it to dynamically take the value of my select. I found this post : How to dynamically bind the value of a checkbox Angular 2 Interesting, but I don't understand the "#" elements. Does anyone have a solution and eventually a better documentation about these "#" than : https://angular.io/docs/ts/latest/guide/template-syntax.html#!#ngModel ?

Thank you for reading

edited May 23 '17 at 11:54

Community

asked Jan 18 '17 at 09:33

Callehabana

1

`ngModel` should be on the ` – Günter Zöchbauer Jan 18 '17 at 09:34
These `#` are about different Forms. You are using a Template Driven Form, and therefore you don't need that. – Alex Beugnet Jan 18 '17 at 09:39
Here's a simple example: https://plnkr.co/edit/EfFqXSWbash2jOSxu8vE?p=preview – eko Jan 18 '17 at 09:39

How to separate model value from select value in an option?

0 Answers0