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

时间:2017-01-31 09:10:28

标签: javascript angular typescript ionic-framework ionic2

我当前从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;
  }
}

0 个答案:

没有答案