离子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链接选择选项

回答

相关问题