0
有人可以教我如何使用两个动态选择?例如,我首先选择州,然后在第二选择中显示城市。我如何在Ionic 3中做到这一点?如何工作2选择动力学离子3
有人可以教我如何使用两个动态选择?例如,我首先选择州,然后在第二选择中显示城市。我如何在Ionic 3中做到这一点?如何工作2选择动力学离子3
在你.html
:
<ion-item>
<ion-label>State</ion-label>
<ion-select [(ngModel)]="selected_state" (ionChange)="stateSelect(selected_state)">
<ion-option *ngFor="let item of states" value="{{item.name}}">{{item.name}}</ion-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label>City</ion-label>
<ion-select [(ngModel)]="selected_city">
<ion-option *ngFor="let item of cities" value="{{item.name}}">{{item.name}}</ion-option>
</ion-select>
</ion-item>
,并在您.ts
states = [
{
name: 'state1'
},
{
name: 'state2'
}
];
main_cities = [
{
name: 'city1',
state: 'state1'
},
{
name: 'city2',
state: 'state1'
},
{
name: 'city3',
state: 'state2'
},
{
name: 'city4',
state: 'state2'
}
];
cities=[];
selected_state;
selected_city;
public stateSelect(selected_state) {
this.cities=[];
for (let city of this.main_cities) {
if (selected_state == city.state) {
this.cities.push(city);
}
}
}
你可以有一些电子邮件地址在您的个人资料? @amin – n00b
@ n00b我添加了我的Gmail。 –
你必须尝试代码,那么如果您来到这里的错误要求。 –
但我的朋友@amin,我不知道这是它,我知道做一个选择默认,但不是2选择动态,对不起 –