Ionic 2 verbunden Option auswählen

Question

In Ionic 2 wie kann ich verknüpfte Auswahloption erstellen.

Zum Beispiel:

<select> 
    <option selected hidden>select country</option> 
    <option>Germany</option> 
    <option>Belgium</option> 
</select> 
<select> 
    <option selected hidden>select city</option> 
    <option>Berlin</option> 
    <option>Dortmund</option> 
    <option>Hamburg</option> 
    <option>Brussels</option> 
</select> 

Und wenn ich Deutschland in ausgewählter Option zwei auswählen zeigt nur Deutsch Städte und wenn Stadt wählten sie Daten anzeigen für diese Stadt

Answer 1

würde ich vorschlagen, dynamisch die zweiten select Optionen bevöl . Haben Sie ein Objekt mit allen Ländern, wie der Index auf eine Liste der zugehörigen Städte und bringen nur einen Ereignis-Listener das Änderungsereignis auf der Grafschaft select die die Städte select Optionen auffüllt:

{ 
    Germany: ['Berlin', 'Dortmund', 'Hamburg', 'Brussels', ...] 
    Belgium: [...], 
    England: [...], 
} 

Dann könnten Sie auch bevölkere die County-Liste mit den Indizes des Objekts und lasse das Ganze dynamisch erscheinen.

Answer 2

könnte Diese

helfen

<select #countries ngModel> 
    <option selected>select country</option> 
    <option>Germany</option> 
    <option>Belgium</option> 
</select> 
<select> 
    <option selected hidden>select city</option> 
    <option *ngIf="countries.value == 'Germany'">Berlin</option> 
    <option *ngIf="countries.value == 'Germany'">Dortmund</option> 
    <option *ngIf="countries.value == 'Germany'">Hamburg</option> 
    <option *ngIf="countries.value == 'Belgium'">Brussels</option> 
</select>