Javascript 在Ionic 2中将数据过滤到新页面

Javascript 在Ionic 2中将数据过滤到新页面,javascript,angular,typescript,ionic-framework,ionic2,Javascript,Angular,Typescript,Ionic Framework,Ionic2,我目前有一些数据从RESTAPI过滤到列表页(master),其中包含混合数据。我想过滤数据 进入一个新页面,这样只显示类别“Watch”中的数据,并从API中提取数据 我想我可以通过三种方式来实现: 1) 在提供者页面上创建一个过滤函数,并在watchs.ts上使用它 2) 使用apple_cat/Watch类别作为过滤器创建管道 3) 使用结构化API调用,如,并将其加载到页面中 我看过一个教程,看起来几乎达到了目标,但这是在同一页面上使用过滤,而不是进入新页面 主/细节的快速示例 此主/详

我目前有一些数据从RESTAPI过滤到列表页(master),其中包含混合数据。我想过滤数据 进入一个新页面,这样只显示类别“Watch”中的数据,并从API中提取数据

我想我可以通过三种方式来实现:

1) 在提供者页面上创建一个过滤函数,并在watchs.ts上使用它 2) 使用apple_cat/Watch类别作为过滤器创建管道 3) 使用结构化API调用,如,并将其加载到页面中

我看过一个教程,看起来几乎达到了目标,但这是在同一页面上使用过滤,而不是进入新页面

主/细节的快速示例

此主/详细设置的Github repo如下所示:

因此,对于正确的处理方式有点困惑,因为我希望有很多页面包含不同的过滤数据

以下是我到目前为止为sheetsu.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;
  }
}