Ionic 3:如何解析推送数组中的数据

时间:2017-12-05 22:45:49

标签: angular typescript ionic2 ionic3

好的,所以我按照教程了解如何接收JSON回复并将它们放入Ionic的[]中,我成功地做到了。我将响应存储到this.infoList(在类' infoList = []'中声明),当控制台记录它时,它看起来像所有数据如下(抱歉隐藏数据但是用于说明):

https://i.stack.imgur.com/o5JsA.png

我用来推动它的代码是: this.navCtrl.push(ResultPage,this.infoList);

我在result.ts的构造函数中使用的代码尝试记录其中一个详细信息,例如id为: 的console.log(navParams.get(' ID'));

然而它总是在控制台上首先出现并且未定义出来,请指出我正确的方向< 3

1 个答案:

答案 0 :(得分:0)

this.infoLlist似乎是一个数组。

选项1 - 将数组中的第一项作为导航参数传递:

this.navCtrl.push(ResultPage,this.infoList[0]);
// then you should be able to do this in the constructor
console.log(navParams.get('id'));

选项2 - 将整个数组作为导航参数传递,方法是将其包装在对象文字中:

this.navCtrl.push(ResultPage,{infoList: this.infoList});
//then you should be able to do this in the constructor
console.log(navParams.get('infoList')[0].id);