离子选项条件动态

时间:2018-08-09 21:20:49

标签: angular typescript ionic-framework ionic3

我有问题

我需要在两个从节点服务器调用ngFor的离子选项之间建立条件。

我需要在第一个离子选项中选择一个选项时,在第二个离子选项中,第二个包含的选项将失效。

html

            <ion-item> 
          <ion-label>Productos</ion-label> 
          <ion-select FormControlName="Compra"> 
            <ion-option *ngFor="let item of itens" value="{{item.title}}">{{item.title}}</ion-option> 
          </ion-select> 
        </ion-item> 

        <ion-item> 
          <ion-label>Paquete</ion-label> 
          <ion-select FormControlName="Compra"> 
            <ion-option *ngFor="let itemsub of item.subcategoria">{{itemsub.titulo}}</ion-option> 
          </ion-select> 
        </ion-item> 

ts

this.itens = [
  {
    id: '1',
    title: 'Categoria 1',        
    subcategoria :  [
                      { 
                        id: '1',
                        titulo:'Subcategoria 1'
                      },
                      { 
                        id: '2',
                        titulo:'Subcategoria 2'
                      },
                      { 
                        id: '3',
                        titulo:'Subcategoria 3'
                      }                          
                    ]
  },
  {
    id: '2',
    title: 'Categoria 2',
    subcategoria :  [
                      { 
                        id: '4',
                        titulo:'Subcategoria 4'
                      },
                      { 
                        id: '5',
                        titulo:'Subcategoria 5'
                      },
                      { 
                        id: '6',
                        titulo:'Subcategoria 6'
                      }                          
                    ]
  },
  {
    id: '3',
    title: "Categoria 3"
  }
];

我需要的结果

第一个离子选择=类别1 ==第二个离子选择=子类别1,子类别2,子类别3

第一个离子选择=类别2 ==第二个离子选择=子类别4,子类别5,子类别6

https://forum.ionicframework.com/t/ionic-options-conditional-dynamic/137895

0 个答案:

没有答案