Question

我有一个下拉菜单，可以从后端API调用中选择国家/地区。

代码：

this.http.get(SERVER_URL+"/edit/getAllCountry")
    .subscribe((res) => {
        this.countries = res;
    });

这将返回我的数据库中的国家/地区列表。

不能用html打印它们，如：

billingPage.html

<select [(ngModel)]="country" (ngModelChange)="countryChanged(country)" >
                            <option *ngFor="let c of countries" [ngValue] = 'c'> {{c.countryName}} </option>
                        </select>

问题是，在进入 billing.html 页面之前，我有一个国家的选定值。例如，我选择了美国＆＃39;以及如何在加载页面时将其加载到下拉列表中。

在下拉列表中＆＃39; 美国＆＃39;应在页面加载时选择。

Answer 1

试试这个，

<强> TS

 selectedcountry:any;

 this.selectedcountry="USA";
 this.http.get(SERVER_URL+"/edit/getAllCountry")
.subscribe((res) => {
    this.countries = res;        
});

这是自定义示例。一旦我们选择并保存到DB中，请调用我们保存值的另一个API，如下例所示：

 this.http.get(SERVER_URL+"/edit/getselectedCountry")
.subscribe((data) => {
    this.selectedcountry = data;        
});

<强> billingPage.html

  <select [(ngModel)]="selectedcountry"  >
  <option *ngFor="let c of countries" [selected]="selectedcountry==c.countryName" value="{{c.countryName}}"> {{c.countryName}}
  </option>

角度2下拉的预设值

1 个答案: