ionic 下拉选择过滤筛选

html

<div>

<ion-select    [(ngModel)]="TYPE_ID"   (ngModelChange)="switchType()"     okText="确定" cancelText="取消" mode="ios">

<ion-select-option value="0">全部</ion-select-option>

<ion-select-option value="1">工程支持类</ion-select-option>

<ion-select-option value="2">安全环保类</ion-select-option>

<ion-select-option value="3">井控应急类</ion-select-option>

</ion-select>

</div>

 

ts

public TYPE_ID:any = "0";

 

all(){

this.type_list = [];

this.list.forEach(element => {

this.type_list.push(element);//全部状态

});

}

 

type1(){

this.type_list = [];

this.list.forEach(element => {

if(element.TYPE_ID == 1){//工程支持类

console.log(element,"过滤数据");

this.type_list.push(element);

}

});

}

 

type2(){

this.type_list = [];

this.list.forEach(element => {

if(element.TYPE_ID == 2){//安全环保类

this.type_list.push(element);

}

});

console.log(this.type_list,"安全环保类");

}

 

type3(){

this.type_list = [];

this.list.forEach(element => {

if(element.TYPE_ID == 3){//井控应急类

this.type_list.push(element);

}

});

}

 

switchType(){

console.log(this.TYPE_ID);

if(this.TYPE_ID == 1){

this.type1();

}else if(this.TYPE_ID == 2){

this.type2();

}else if(this.TYPE_ID == 3){

this.type3();

}else{

this.all();

}

}