2016-08-06 10 views
2

私はデスクトップアプリケーションのバックグラウンドから来ています。これはおそらくWeb開発者にとって非常に基本的な質問です。私はデモアプリケーションのためにTypeScriptでAngular 2を使用しています。以下は私のコードである - ここで角2 - タイプスクリプト:オブジェクトを保持する方法<Select>コントロール

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

「学校は」学校はさらにクラス[]、先生[]と文字列とint型のいくつかの他のプロパティのような他のオブジェクトの配列が含まれている学校のオブジェクトの配列です。

上記のコードでユーザーが任意の学校を選択する必要がある場合、このフォームの関連コンポーネントのSelectedSchoolプロパティにSchoolオブジェクトを割り当てる必要があります。

コンポーネントの関連プロパティに "SelectedSchoolId"や "SelectedSchoolName"のような文字列/数値型を割り当てたときに機能しますが、同じオブジェクトを必要とするときはターゲットプロパティ - SelectedSchoolを未定義として表示します。

私は上記のコードで何か間違っているか、オブジェクトタイプをコンポーネントクラスに戻すことができません。

限り、私は私がいない場合valueはしかし、次の更新(RC.r)ではないことを確認して、同様のオブジェクトを操作します覚えて代わりvalue

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

+0

[この回答](http://stackoverflow.com/questions/33700266/how-can-i-get-new-selection-in-select-in-angular-2)に必要なものがあります –

答えて

2

使用ngValue感謝ここに何かを混ぜる。

+0

ありがとう超高速応答のためのガンター。出来た。 Btw Webページからコンポーネントへの完全なオブジェクトの送信についてアドバイスしますか? – Raj

+0

喜んで聞いてください。フィードバックをお寄せいただきありがとうございます :) –

関連する問題