如何使用从上一个ion-select中选择的数组动态填充ion-select

Question

因此，我得到了一个对象数组，这些对象是具有id、name和subccategory等属性的类别。

我使用了一个*ngFor来填充第一个ion-select，这很好。

我需要知道如何用所选类别的子类别填充第二个ion-select (第一个ion-select) Iv尝试将选定的值作为数组传递，但我显然做错了什么，请帮助！

    <ion-row class="filterItems" color="primary">
    <ion-label>Category</ion-label>
    <ion-select>
      <ion-select-option *ngFor="let catagory of catagories">
        {{ catagory.category }}
      </ion-select-option>
    </ion-select>
  </ion-row>

  <ion-row>
    <ion-label>Sub Category</ion-label>
    <ion-select>
      <ion-select-option>{{Need the subcatagorys in here}} </ion-select-option>
    </ion-select>
  </ion-row>

Answer 1

您可以使用(ionChange)事件来填充子类别数组。

<ion-row class="filterItems" color="primary">
    <ion-label>Category</ion-label>
    <ion-select [(ngModel)]="selecTedValue" (ionChange)="selectCategory(selecTedValue)">  // pass your selecTedValue ngModel as parameter
      <ion-select-option *ngFor="let catagory of catagories" value="{{category}}">
        {{ catagory.category }}
      </ion-select-option>
    </ion-select>
  </ion-row>

  <ion-row>
    <ion-label>Sub Category</ion-label>
    <ion-select>
      <ion-select-option *ngFor="let subCat of sub_category">{{subCat.subCategoryNameOrValue}} </ion-select-option>
    </ion-select>
  </ion-row>

在你的page.ts中，接受一个子类别变量。

sub_category:any;


selectCategory(catagory){
  this.sub_category = category; //populate here
}