添加反馈页面到扫描功能：离子2应用程序

Question

我开发了一个应用程序来启动网址，并为其添加了扫描功能。我想添加一个反馈页面（我的意思是，一旦我扫描了qr代码，我希望在下一页看到结果）。扫描功能很好，我也生成了一个页面，但是一旦我添加了这个，整个功能都不起作用。 任何人都可以提出一些建议，这将是非常有帮助的，现在已经坚持了好几周。谢谢。

 **Home.ts**

import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
import {Platform} from 'ionic-angular';
import {BarcodeScanner} from 'ionic-native';
import {ScannedPage} from '../scanned-page/scanned-page';
@Component({
templateUrl: 'home.html'
})
export class HomePage {
 private barcodeText: String;
 private barcodeFormat: String;
 private platform: Platform;
 private navController: NavController;

 constructor(public navCtrl: NavController, platform: Platform) {
    this.platform = platform;
    this.navController = navCtrl;
}
scanningDone(data) {
    this.navController.push(ScannedPage, {
    data: data
    });
}  

doScan() {    
    console.log('scannig product barcode');
    this.platform.ready().then(() => {
    BarcodeScanner.scan().then((result) => {
                if (!result.cancelled) {
                this.barcodeText = result.text;
                this.barcodeFormat = result.format;    
                this.scanningDone({
                    'text': result.text,
                    'format': result.format
                });
            }      
        }, 
            (error) => {
            console.log('error when scanning product barcode');    
        });    
    });    
}
}

**Scanned-page.ts**

import { Component } from '@angular/core';
import { NavController,NavParams } from 'ionic-angular';
import { HomePage } from '../pages/home/home'
@Component({
templateUrl: 'scanned-page.html',
})
export class ScannedPage  {
rootPage = HomePage;
private bcData;
constructor(private navCtrl: NavController,navParams: NavParams) {
this.bcData = navParams.get('data');
}
}

**app.module.ts**

import { NgModule, ErrorHandler } from '@angular/core';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { HomePage } from '../pages/home/home';
import { ScannedPage } from '../pages/scanned-page/scanned-page';
import { MyApp } from './app.component';

@NgModule({
declarations: [
MyApp,
HomePage,
ScannedPage
],
imports: [
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage,
ScannedPage
],
providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}]
})
export class AppModule {}