Getting object properties via ngModel select list in Angular 2?

Answer 1

As far as I can see, there's still an issue with two-way binding to a select. So try this:

Template

<select required [(ngModel)]="model.plan" (change)="setPlan($event.target.value)">
    <option selected="selected" disabled>Plan...</option>
    <option *ngFor="#plan of plans" [value]="plan.name">{{ plan.name }}</option>
</select>

Component Class

setPlan(value) {
    //if you're on older versions of ES, use for-in instead
    var plan = this.plans.find(p => p.name = value);

    if(plan) { this.model.plan = plan; }
}

Couldn't try it, for some reason plunkr has never worked for me.