填補JSON表

Question

所以...我有網址（說... http://localhost:8080/oc-web/country），我的目標得到這個列表：

我要的是填充下拉與名單縣名，所以用戶可以選擇一個。

我也做了HTML下拉：

我使用角2，我有服務，其中我設置從數據庫中獲取網址：

我敢肯定，我有錯，所以需要幫助：d感謝

編輯：這是組件，如果能幫助..

Answer 1

編輯：

看起來你的組件有問題。

首先，您必須觸發將檢索國家和分配響應的請求。 它會看起來像下面的（注意，我們指定可觀察）：

@Component(...) 
export class CompanyTemplatePopupComponent { 

    countries; 

    ngOnInit(){ 
     countries = this.companyService.getCountries(); 
     // or whichever method you need to retrieve the list of countries 
    } 

} 

然後在你的模板（請注意使用async管）：

<option *ngFor="let country of countries | async" [value]="country.id"> {{ country.name }} </option> 

Answer 2

的html代碼會

<select #countriesSelect class=custom-dropdown"> 
    <option selected disabled>Select Country</option> 
    <option *ngFor="let country of countries: [value]="country.id">{{country.name}}</option> 
</select> 

在ts代碼中，您必須在構造函數或ngOnInit（）中獲取AllCountries（）方法。 getAllCountries（）是填充下拉列表的國家/地區的數據的方法

getAllCountries() { 
    this.getHttp().get(this.url) 
    .map((response) => { 
    this.countries = response; 
    console.log(response); // To check countries is coming or not! 
    }) 
}