離子2鏈接選擇選項

在離子2中，我如何創建鏈接選擇選項。離子2鏈接選擇選項

例如：

<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>

當我在選擇方案二選擇德國只顯示德國城市，當選擇城市，他們爲城市的顯示數據

來源

2017-07-28 Josh Leyi

請告訴我們的代碼，你嘗試實現這一目標。 – robbannn

這是您的實際代碼，還是您有一些數據正在迭代並填充這些選擇？如果是後者，請向我們展示一下數據外觀的片段。 – Alex

我會動態地建議填充第二select選項。與所有國家的指數相關的城市列表的對象並附加一個事件監聽器來改變事件上填充城市select選項縣select：

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

，那麼你可以連使用對象的索引填充縣列表，並讓整個事情都是動態的。

來源

2017-07-28 20:35:37 SimplyComplexable

這可能有助於

<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>

來源

2017-07-29 15:47:51

離子2鏈接選擇選項

回答

相關問題