Question

我的Ionic 2项目中有一个表格，有2个离子选择下拉列表。当用户在第一个下拉列表中选择一个选项时，它会生成第二个下拉列表的选项。这很好用。我的问题是，如果用户更改了第一个下拉列表的选择，则所选的第二个选项不会清除。如何清除它以便用户不会对新选择的选项感到困惑？

  <ion-item>
    <ion-label>
      <img height="100" src="assets/img/customer.png" alt="Customer"/>
    </ion-label>
    <ion-select [(ngModel)]="customer" name="customer" (ionChange)="addBuildings(customer);" placeholder="Customer">
      <ion-option *ngFor="let customer of customers" value="{{customer.name}}">{{customer.name}}</ion-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-label>
      <img height="100" src="assets/img/building.png" alt="Building"/>
    </ion-label>
    <ion-select [(ngModel)]="building" name="building" placeholder="Building">
      <ion-option *ngFor="let building of buildings" value="{{building.name}}">{{building.name}}</ion-option>
    </ion-select>
  </ion-item>

Answer 1

我使用ngModel并在null函数开头的.ts中将其设置为.addBuildings()来解决此问题。

离子2离子选择动态生成。如何清除选项列表？

1 个答案: