アイテムに基づいてJSONデータを取得する2

Question

こんにちは、アイテムをクリックしたときにクリックしたアイテムにのみJSONデータベースを取得したいのですが、代わりにJSONデータがありません。コンソール。あなたが私を助けてくれることを願っています。ここに私のコードです：あなたFeaturePageで

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

、あなたはProductPageにパラメータアイテムを渡します。したがって、同じパラメータを取得するだけで済みます。

FeaturePage.ts

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

製品Page.ts

this.navParams.get('item')