angular - ドロップダウンの選択した ID を入力にバインドし、それをデフォルト値と見なす

Question

ngForm を使用して Firebase にデータを挿入する CRUD アプリを作成しました。このフォームでは、ドロップダウンと入力を追加しました。ドロップダウンの値が変更されると、入力 (選択オプションの ID) も変更されます。ここにマークアップ コードを追加しました。

<div class="form-group">
          <label>Visit Reason</label>
          <select class="form-control" name="Reason" #Reason="ngModel" [(ngModel)]="patientService.selectedPatient.Reason" (change)="onSelect($event.target.value)">
            <option disabled value=''>-- Select One --</option>
            <option *ngFor="let r of reasons" [value]="r.id">{{r.name}}</option>
          </select>
        </div>
<div class="form-group">
          <input id="txtPrice" readonly="true" style="text-align:left" name="Price" #price="ngModel" [(ngModel)]="patientService.selectedPatient.Price" value="{{selectedReason.id | number:'.0'}}" class="form-control" placeholder="Price" autocomplete="Off">
        </div>

ここに私のコンポーネントコードがあります:

class Reason {
  id: number;
  name: string;
}

public reasons: Reason[] = [
    { id: 60, name: "DC Visit" },
    { id: 350, name: "Inject - 1" },
    { id: 700, name: "Inject - 2" },
    { id: 500, name: "Inject - 3" },
    { id: 1000, name: "Inject - 4" }
  ];

  public selectedReason: Reason = this.reasons[''];
  onSelect(reasonId) { 
      this.selectedReason = null;
      for (var i = 0; i < this.reasons.length; i++)
      {
        if (this.reasons[i].id == reasonId) {
          this.selectedReason = this.reasons[i];
        }
      }
  }

デフォルトである入力の値をデータベースに追加したいのですが、（ngmodelchange）を考慮する必要があると思いますが、方法がわかりません。さまざまな方法を試しましたが、どれも役に立ちませんでした。

ありがとうございました....