Question

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

当我在选择选项中选择德国时，只会显示德国城市，选择城市时会显示该城市的数据

Answer 1

我建议动态填充第二个select选项。将所有国家/地区的对象作为相关城市列表的索引，并将事件监听器附加到填充城市select选项的县select上的更改事件：

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

然后你甚至可以使用对象的索引来填充县列表，并让整个事物都是动态的。

Answer 2

这可能会有所帮助

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

Ionic 2链接选择选项

2 个答案: