angular - angular2を使用してngValueで選択が機能しない

Question

私はAngular2にかなり慣れていないので、ユーザーにドロップダウンでオプションのリストを表示したい小さなPOCに取り組んでいます。ユーザーはオプションの1つを選択し、次にモデルを更新したいと思います選択オプションの ID。

次のコードを使用して、ドロップダウンとその中にデータを表示するまで、すべてが正常に機能します。

  <select>
    <option *ngFor="let th of townHalls" [value]="th.id">{{th.name}}</option>
  </select>

ただし、th.id が数値であることを考慮して、値の代わりに ngValue を使用するようにコードを変更すると、コードが機能しなくなります。

  <select>
    <option *ngFor="let th of townHalls" [ngValue]="th.id">{{th.name}}</option>
  </select>  

これに加えて、選択する ngModel を追加すると、再びコードが機能しなくなります。以下は私が使用しているコードです：

<select [(ngModel)]="townHall">

ここで何が間違っているのか理解できません。プランカーへのリンクは次のとおりです: https://plnkr.co/edit/8FhZpXzgwLU0EJMZVNsm?p=preview

ティア。