i'm have problem fetching properties of object has been selected select list in angular 2 (rc1). take following syntax:
<select required [(ngmodel)]="model.plan"> <option selected="selected" disabled>plan...</option> <option *ngfor="#plan of plans" [value]="plan">{{ plan.name }}</option> </select> where plans defined array of objects:
[{ name: 'plan 1' }, { name: 'plan 2' }] if try , output value of 1 of keys of selected object, nothing appears displayed:
<p>{{ model.plan?.name }}</p> // shows nothing if plan selected here fork of angular2 form live demo, showing problem. select "plan 2" select list, , see nothing displayed.
what's going on here?
to use objects value use [ngvalue] instead of [value]. [value] supports string ids.
<select required [(ngmodel)]="model"> <!-- <== changed --> <option selected="selected" disabled>plan...</option> <option *ngfor="#plan of plans" [ngvalue]="plan">{{ plan.name }}</option> </select> model needs point 1 of elements in plans work default value (it needs same instance, not instance containing same values).
