選択を使用してAngular2フォームアイテムにオブジェクトプロパティをバインドする方法

Question

角度フォームに問題があります。 mongoコレクションのデータを使用するフォームを作成しようとしており、<select>ディレクティブで提供しています。 私はこのように初期化されFormBuilderを持っている：

ngOnInit() { 
    this.addForm = this.formBuilder.group({ 
     department_pk: ['', Validators.required], 
     name_c: ['', Validators.required], 
     location_fk: [], 
     expirationdate_d: [], 
    }); 
} 

問題location_fkプロパティです。私は、次の<select>の文を経由して、このプロパティの値を埋めるためにしようとしています（私は（name_cため、...）このコードスニペットのうち、他のフォームグループを左）：

<form [formGroup]="addForm">     
    <div class="form-group"> 
     <label>Location (*): </label> 
     <select class="form-control" formControlName="location_fk" (ngModelChange)="onChange($event)" name="select"> 
       <option [ngValue]="i" *ngFor="let i of locations">{{i.name_c}}</option> 
     </select> 
    </div> 
</form> 

私は値を抽出するために管理iの場合、コレクションからi.location_pkというプロパティを抽出したいと考えていますが、ユーザーに表示されている選択範囲にはまだi.name_cが表示されています。これを行う方法はありますか？

Answer 1

これを試しましたか？

<option [ngValue]="i['propName']" *ngFor="let i of locations">{{i.name_c}}</option> 

または

<option [ngValue]="i.propName" *ngFor="let i of locations">{{i.name_c}}</option>