如何使用select將對象屬性綁定到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>