角度2のドロップダウンにあらかじめ設定された値

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ページに来る前に、私は国のために選択された値を持っている疑問。たとえば、 'USA'を選択し、ページが読み込まれたときにどのようにドロップダウンに読み込むことができますか？

ドロップダウンリストに 'USA'が選択されている必要があります。

Answer 1

それは我々が例以下のように、我々は値を保存し、別のAPIを呼び出して、選択してDB手段に保存したカスタム例.Onceある

selectedcountry:any; 

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

Tsの

、これを試してみてください：

を

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>