html - Angular 2 Forms: html select をオブジェクトのコレクションにバインドする

Question

angular 2 アプリケーション (RC 5、フォーム 0.3.0) で選択可能なオブジェクトのコレクションを表示したいと思います。

<select [(ngModel)]="selectedItem">       
  <option *ngFor="let item of selectableItems"
          [value]="item">
    {{ item }}
  </option>
</select>

<div> {{ selectedItem }} </div>

リスト自体は正しく表示されます。

ただし、「selectedItem」に表示されるのは [object Object] だけです。コードで項目にアクセスすると、対応する文字列 "[object Object]" が取得されます。ngValue に切り替えてみましたが、同じ結果になります。

オブジェクトの代わりにプリミティブ値を使用すると、すべてが機能します。しかし、私はここでいくつかの重要な点を見逃していると思います。

ご協力いただきありがとうございます。私はインターネット検索と試行錯誤に数時間を費やしてきました。誰かが同じ問題に遭遇したかもしれません。

編集(24-08-16): 今日、一般的なフォーム ウィジェットを作成する方法を説明するこのチュートリアルに出会いました。このページにたどり着いた人にとっては役に立つかもしれません: https://scotch.io/tutorials/how-to-deal-with-different-form-controls-in-angular-2