Angular 4 populate dropdown not working

Question

在我的組件中，我從REST獲取響應，但無法在下拉列表中填充相同內容。

組件：

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

在控制檯我得到：結果爲：["Software Developer","Support Engineer"]

HTML選擇/下拉列表：

<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>