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();
}
}