Question

您好我想仅仅根据我点击的项目获取JSON数据库，当我点击该项目时，我没有获得任何JSON数据，而是在控制台中显示其“未定义”。希望你能帮助我们。这是我的代码：

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 })

产品页面

this.navParams.get('item')

根据我点击离子2的项目获取JSON数据

1 个答案: