获取JSON数据的基础上，我点击离子2

Question

嗨我想获得JSON数据库只在我点击的项目上，当我点击该项目时，我没有得到任何JSON数据，而是说它的'undefined'在控制台。希望你能帮助我。这里是我的代码：

Featured.ts 

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 

import { TestProviderPage } from '../testprovider/testprovider'; 
import { ProductPage } from '../product/product'; 

@Component({ 
    selector: 'page-featured', 
    templateUrl: 'featured.html', 
    providers: [TestProviderPage] 
}) 
export class FeaturedPage { 
    products: any; 
    constructor(public navCtrl: NavController, public testProvider: TestProviderPage) { 
    this.loadItems(); 
    } 

    goToProductPage(item){ 
    this.navCtrl.push(ProductPage, { item: item }); 
    } 

    loadItems(){ 
    this.testProvider.loadpatrick().then(data => { 
    this.products = data; 
    console.log(this.products); 
    }); 
    } 

} 



product.ts 

import { Component } from '@angular/core'; 
import { NavController, NavParams } from 'ionic-angular'; 

import { MorePage } from '../more/more'; 

@Component({ 
    selector: 'page-product', 
    templateUrl: 'product.html' 
}) 
export class ProductPage { 
    item: any; 
    tabBarElement: any; 
    constructor(public navCtrl: NavController, public navParams: NavParams) { 
    this.tabBarElement = document.querySelector('.tabbar.show-tabbar'); 
    this.item = this.navParams.get('product'); 
    console.log(this.item); 
    } 

} 

Answer 1

在你FeaturePage，你传递参数项目到ProductPage。所以你只需要检索相同的参数。

FeaturePage.ts

this.navCtrl.push(ProductPage, { item: item }) 

产品Page.ts

this.navParams.get('item')