Question

所以...我有网址（比如...... http://localhost:8080/website/country），我的目标是获取此列表：

我想要的是使用县名列表填充下拉列表，以便用户可以选择一个。我也在html下拉

我正在使用Angular 2，我有服务，我设置从数据库中获取URL

我确定我有错，所以需要帮助：D谢谢

编辑：这是组件，如果有帮助

Answer 1

编辑：

您的组件似乎存在问题。

首先，您必须触发检索国家/地区并分配响应的请求。它看起来像跟随（注意我们分配Observable）：

@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（）中使用getAllCountries（）方法。 getAllCountries（）是一种将国家数据填入下拉列表的方法

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

填写json表中的下拉列表

2 个答案: