current community

your communities

more stack exchange communities

company blog
Stack Exchange Inbox Reputation and Badges
tour help
Join the Stack Overflow Community
Stack Overflow is a community of 6.5 million programmers, just like you, helping each other.
Join them; it only takes a minute:
Sign up
up vote 2 down vote favorite

I am coming from a desktop application background, probably this could be a very basic question for web developers. I am using Angular 2 with TypeScript for a demo application. Following is my code - 

    <select required [(ngModel)]="model.SelectedSchool">
       <option *ngFor="let school of schools" [value]="school">
         {{school.Name}}
       </option>
    </select>

Here "schools" is an array of School object, where School further contains array of other objects like Class[], Teacher[] and some other properties of string and int type.

I need when user select any School in the above code, School object should be assigned to SelectedSchool property in my associated Component for this form.

It works when I assign any string/number type like "SelectedSchoolId" or "SelectedSchoolName" to associated properties of component, but shows target property - "SelectedSchool" as undefined when I want the same with any object.

Am I doing something wrong in the above code, or is it not possible to passback any object type back to component class.

Thanks

share|improve this question
    
Seems like this answer has what you need – Tom Teman Aug 6 '16 at 13:02
up vote 2 down vote accepted

Use ngValue instead of value

<select required [(ngModel)]="model.SelectedSchool">
   <option *ngFor="let school of schools" [ngValue]="school">
     {{school.Name}}
   </option>
</select>

As far as I remember value will work with objects as well with the next update (RC.r) not sure though if I don't mix something up here.

share|improve this answer
    
Thanks Gunter for the super quick response. It worked. Btw do you advice to transmission of complete objects from web-page to components, or it should be kept light? – Raj Aug 6 '16 at 18:44
    
Glad to hear. Thanks for the feedback :) – Günter Zöchbauer Aug 6 '16 at 18:46

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.