サイド・メニューのクリックでページが開きません - イオン2アプリ

Question

サイド・メニューでクリックするとページを開くことができません。

これは私のapp.component.tsです：

this.pages = [ 
       { title: 'NFC Page', component: NfcPage, note: 'NFC Page' }, 
       { title: 'Student Details', component: StudentDetails, note: 'Student Details' }, 
    ]; 

これは私のapp.module.tsです：

@NgModule({ 
    declarations: [ 
    StudentDetails, 
    NfcPage, 
], 
entryComponents: [ 
    StudentDetails, 
    NfcPage, 
    ], 

これは私のnfc.tsページです：

import {Component} from '@angular/core'; 
    import {IonicPage, NavController, NavParams} from 'ionic-angular'; 
    import {NFC, Ndef} from '@ionic-native/nfc'; 

    @IonicPage() 
    @Component({ 
     selector: 'page-nfc', 
     templateUrl: 'nfc.html', 
    }) 
    export class NfcPage { 

     constructor(public navCtrl: NavController, 
        public navParams: NavParams, 
        private nfc: NFC, 
        private ndef: Ndef) { 
} 
} 

これは私のnfc.htmlページです：

<ion-header> 
    <ion-navbar> 
     <button ion-button menuToggle> 
      <ion-icon name="menu"></ion-icon> 
     </button> 
     <ion-title>NFCPage</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content padding> 
    <p>NFC Page!</p> 
</ion-content> 

学生の詳細ページが開きますが、[NFCページ]をクリックしても何も起こりません。

Answer 1

私は解決策を見つけることができました。問題は、モジュールnfc.tsのconstructorにあります。 2つのプライベートパラメータ（private nfc: NFCとprivate ndef: Ndef）は、私が使用しているプラ​​グインから壊れているようです。私はconstructorからこれらの2つのパラメータを削除し、ページを開くことができました。残念ながら、コンソールや他の場所に例外がスローされませんでした。誰かを助けることを願っています。あなたはサイドメニューをクリックしたときには、rootpageとしてそのページを作るために必要なサイドメニューから開いているページのため

Answer 2

option.Youは、以下のコードを見つけることがあります。 -

app.html：

を

<ion-menu id="myMenu" [content]="mycontent" > 
    <ion-content> 
     <ion-list> 
      <ion-item ion-item small menuClose (click)="nav.setRoot(pages.nfc)"> 
       <ion-icon name="home" item-left menuClose ></ion-icon> NFC 
      </ion-item > 
       <ion-item small menuClose (click)="nav.setRoot(pages.std_detils)"> 
       <ion-icon ios="ios-contact" md="ios-contact" item-left ></ion-icon> Student Details 
      </ion-item> 
     </ion-list> 
    </ion-content> 
</ion-menu> 

<ion-nav #mycontent [root]="rootPage"></ion-nav> 

app.component.ts：

this.rootPage = NfcPage; 
    this.pages = { 
     "nfc": NfcPage, 
     "std_detils": StudentDetails, 

     };