angular2-剑道过滤器不';不起作用

angular2-剑道过滤器不';不起作用,angular,filter,status,Angular,Filter,Status,我在角度2过滤中遇到问题。我在onSelectStatus时得到空数组。谁能告诉我我错过了什么?这是我的密码: app.component.html {{status.value}} 您已将状态声明为数字,但其类型为具有id和值的object 将其更改为您的状态类型 status: Status; 并将模型更改为 <select [(ngModel)]="status.value" (change)="onSelectStatus(status)" class="form-contro

我在角度2过滤中遇到问题。我在
onSelectStatus
时得到空数组。谁能告诉我我错过了什么?这是我的密码:

app.component.html

{{status.value}}

您已将状态声明为数字,但其类型为具有id和值的object

将其更改为您的状态类型

status: Status;
并将模型更改为

<select [(ngModel)]="status.value" (change)="onSelectStatus(status)" class="form-control" id="status" name="status">

以下是我对此问题的修复:

导出类RecentSalesComponent实现OnInit{
私有gridView:GridDataResult;
私有数据:对象[];
私人页面大小:数字=10;
私有跳过:编号=0;
私人物品:任何[];
地位
状态=[];
出口='';
挑选出来的;
选择数据;
恩戈尼尼特(){
console.log(this.userId);
this.http.post(this.host{
“日期自”:“2017-05-27”,
“dateto”:“,
“userId”:this.userId
})
.map(res=>res.json())
.订阅(数据=>{
此项=数据;
这是loadItems();
},错误=>{
console.log(错误);
});
此参数。状态=[{
id:1,
值:“成功”,
},
{
id:2,
值:“已作废”,
}
];
}
构造函数(专用http:http){
this.selectedData=this.items;
console.log(此.selectedData);
}
受保护的页面更改(事件:页面更改事件):无效{
this.skip=event.skip;
这是loadItems();
}
私有loadItems():void{
this.gridView={
数据:this.items.slice(this.skip,this.skip+this.pageSize),
总计:this.items.length
};
}
onSelectOutlet(val){
控制台日志(val);
this.selectedData=this.items.filter(x=>x.customerName==val);
}
onSelectStatus(val){
this.selectedData=this.items.filter(x=>x.status==val);
this.gridView={
数据:this.selectedData.slice(this.skip,this.skip+this.pageSize),
总计:this.selectedData.length
};
}

}
有两种状态,分别为作废和成功。我需要根据状态过滤掉数据。这是普朗克:
onSelectStatus(stat) {
  console.log(stat);
  this.selectedData = this.items.filter(x => x.status == stat.value);
  console.log(this.selectedData);

}