Angular2選択肢のPOSTデータ

Question

選択したオプションから取得した値からAPIにデータをPOSTする必要があります。しかし、私はundefined値を得た。

これは私のモデルは次のとおりです。 -

export class Process { 
    id: number; 
    class_id: string; 
    notes: string; 
    levelling_route: string; 
    code: string; 
    } 

これは私のポスト機能

PostData(process: Process) { 
     this.jobService.PostLevelling(process).subscribe(
      data=> this.event = JSON.stringify(data), 
      error=> alert(error), 
     () => console.log("Successful Post Data") 
     ) 

     } 

そして、私のhtmlです

<select class="form-control" id="select" name="code" size="1"> 
<option *ngFor="let obj of code" [(ngModel)]="code" name="code" [ngValue]={{obj?.id}} ngDefaultControl>{{obj?.name}}</option> 
</select> 

私は何を逃したのですか？

Answer 1

<option *ngFor="let obj of code" [(ngModel)]="code" name="code" 

value="{{obj.id}}" 

    ngDefaultControl>{{obj?.name}}</option> 

</select> 

Answer 2

問題は、モデルにバインドする場所です。 [(ngModel)]="code"を<select>タグまで移動してください。

the docsをご覧ください。

Answer 3

が、私はそれがこの

<select class="form-control" id="select" name="code" [(ngModel)]="code" size="1"> 
    <option *ngFor="let obj of code" [value]="obj?.id">{{obj?.name}}</option> 
</select>