Como mudar os dados de um ion-select dinamicamente

Estou carregando dois selects dentro da minha tela

o select 1 tem x opções e os dados do select 2 vão ser carregados dinamicamente de acordo com o item que eu selecionar no select 1

por exemplo

abro minha tela e vejo 2 selects, o segundo esta desabilitado.

Quando seleciono o primeiro item do select 1 o segundo select deve ficar habilitado com as opções 1, 2, 3

quando eu seleciono o segundo item do select 1, o select 2 deve habilitar com as opções 4,5,6

como posso fazer isso? sendo que esses valores são dinâmicos?

hoje estou fazendo algo assim:

<ul class="collection">
    <li class='collection-item'>
    <ion-item>
      <ion-label>Formas de pagamento</ion-label>
      <ion-select [(ngModel)]="order.paymentMethod" cancelText="Cancelar"  (ionChange)="selectPaymentMethod($event)">
        <ion-option  *ngFor="let payment of paymentMethods" value="{{payment.id}}" >{{payment.name}}</ion-option>
      </ion-select>
    </ion-item>
    </li>
    <li class='collection-item'>
      <ion-item >
        <ion-label>Condições de pagamento</ion-label>
        <ion-select  id='condition' [(ngModel)]="order.paymentCondition" cancelText="Cancelar" disabled={{isEnabled}}>
          <ion-option *ngFor="let condition of paymentConditions" value="{{condition}}">{{condition.name}}</ion-option>
        </ion-select>
      </ion-item>
    </li>
  </ul>

e no .ts

selectPaymentMethod(event){

    this.paymentConditions = this.paymentMethods.filter((item) => { return item.id == event })[0].payment_conditions;

  }

o valor de this.paymentConditions esta com as informações que preciso, mas o select n mudou :(