我当前从REST API中将一些数据过滤到列表页面(主页),其中包含混合数据。我希望过滤数据 进入新页面,只显示“Watch”类别中的数据并从API中提取。
我想我可以用3种方式做到这一点:
1)在提供者页面上创建一个过滤功能,并在watches.ts上使用它 2)使用apple_cat / Watch类别创建一个管道作为过滤器 3)使用结构化API调用,例如https://sheetsu.com/apis/v1.0/d0b1d8ecfc4f/apple_cat/Watch,并将其加载到页面
中我查看了一个看起来几乎到达https://www.joshmorony.com/filtering-mapping-and-reducing-arrays-in-ionic-2/的教程,但是在同一页面上使用过滤而没有进入新页面。
主/详细https://drive.google.com/file/d/0B3ArIuPt8mKRVFNkWWJfT1JhLUE/view
的快速示例此主/详细设置的Github仓库位于:https://github.com/jones98/Ion2Blank
所以只是有点难以继续正确的方式,因为我想要几页不同的过滤数据。
这是我到目前为止对于sheetu.ts提供程序文件(然后在master.html上更改我的函数):
// JSON parse and stringify are used so that a new array is created, rather than reference to the original array
this.modifiedData = JSON.parse(JSON.stringify(this.sheetsuData));
resetData(){
this.modifiedData = JSON.parse(JSON.stringify(this.sheetsuData));
}
watchData(){
this.modifiedData = this.modifiedData.filter((watch) => {
return watch.apple_cat = Watch;
}
}