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

【问题标题】：Ionic 2 ion-select dynamically generated. How do I clear the list of options?Ionic 2 离子选择动态生成。如何清除选项列表？
【发布时间】：2017-05-27 03:27:16
【问题描述】：

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

【问题讨论】：

标签： ionic2

【解决方案1】：

我通过使用ngModel 并在.ts 函数开头的.ts 中将其设置为null 解决了这个问题。

【讨论】：