Как мне динамически заполнить ионный выбор массивом, который был выбран из предыдущего ионного выбора - PullRequest
Новая
       37

Как мне динамически заполнить ионный выбор массивом, который был выбран из предыдущего ионного выбора

0 голосов
/ 27 января 2020

Итак, я получаю массив объектов, которые являются категориями с такими атрибутами, как id, имя и подкатегория.

Я использовал * ngFor для заполнения первого иона-выбора, и это нормально.

Мне нужно знать, как заполнить второй ионный выбор подкатегориями из выбранной категории (Первый ионный выбор) 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>

1 Ответ

0 голосов
/ 28 января 2020

Вы можете использовать событие (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>

Внутри страницы. T возьмите переменную для подкатегории. 

sub_category:any;


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