角4のポップアップドロップダウンが機能しない

Question

私のコンポーネントでは、RESTからの応答が得られていますが、ドロップダウンでも同じ値を入力できません。

コンポーネント：コンソールで

jobTitleList() { 
    this.jobList = this.getJobList().then((result) => { 
     this.jobList = result; 
     console.log('result is : ', this.jobList); 
    }); 
} 

私が取得しています：結果は次のとおりです。["Software Developer","Support Engineer"]

HTMLのselect /ドロップダウン：

<select (focus)="jobTitleList()"> 
    <option *ngFor="let jobTitle of jobList" value="">{{jobTitle}}</option> 
</select> 

私は自分の画面上で空の選択ボックスを取得しています。助けてください。私は多くのポストに従ったが、助けにはならなかった。前もって感謝します。

Answer 1

job: IJob; 
jobList: IJob[]; 

jobTitleList() { 
    this.getJobList().then(result => { 
     this.jobList = result; 
    }); 
} 

<select [(ngModel)]="job" (focus)="jobTitleList()"> 
    <option *ngFor="let j of jobList" [value]="j">{{ j }}</option> 
</select>