离子：点击更改离子列表项目

Question

假设我有 3 个列表清单：1）公共汽车，飞机清单： 2 ) [与公共汽车有关] 慢，不能飞清单：3）【与飞机有关】速度快，能飞在我的 Ionic Angular 项目中，我成功地制作了第一个离子列表。但是如何通过单击其中的项目来更改整个离子列表？[我明白了，它与（单击）功能有关，但我如何使用打字稿影响整个列表]

Answer 1

编辑：我得到你想要达到的目标。您可以通过创建一个中间列表并在您的ngFor. 这样，您只需将中间列表的引用更改为您喜欢的任何列表 onClick

export class ListPage {

   transportationTypes: string[] = ['bus', 'plane'];

   busSpecs: string[] = ['slow', "can't fly"];

   planeSpecs: string[] = ['fast', 'can fly'];

   currentList: string[] = this.transportationTypes;

   itemClicked(type): void {

      if (type === 'bus') {

        this.currentList = this.busSpecs;

      } else if(type === 'plane') {

        this.currentList = this.planeSpecs;

      } else {

        this.currentList = this.transportationTypes;

      }

   }

}

在您的 HTML 中只需调用该itemClicked函数

<ion-list *ngIf="currentList">

  <ion-item *ngFor="let item of currentList" (click)="itemClicked(item)">

    {{item}}

  </ion-item>

</ion-list>