Voreingestellter Wert für Dropdown in Winkel 2

Question

Ich habe eine Dropdown-Liste, um Länder aus einem Back-End-API-Aufruf auszuwählen.

Code:

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

dieser Wille gibt mir die Liste der Länder, aus meiner Datenbank.

krank werden Drucken sie in html wie:

billingPage.html

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

ist die Frage, vor billing.html Seite Ich habe einen ausgewählten Wert für das Land kommenden . zum Beispiel habe ich 'USA' ausgewählt und wie kann ich es in das Dropdown laden, wenn die Seite geladen ist.

in der Dropdown-Liste 'USA' sollte ausgewählt werden, wenn die Seite geladen wird.

Answer 1

die Sie interessieren,

Ts

selectedcountry:any; 

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

ist es Brauch Beispiel .Sobald wir ausgewählt und speichern in DB bedeutet, eine andere API aufrufen, die wir die Werte gespeichert, wie unter Beispiel:

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>