Seite öffnet sich nicht beim Klicken im Seitenmenü - ionic 2 app

Question

Ich kann eine Seite nicht öffnen, wenn ich sie im Seitenmenü anklicke.

Das ist mein app.component.ts:

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

Das ist mein app.module.ts:

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

Das ist mein nfc.ts Seite lautet:

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

Dies ist meine nfc.html Seite:

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

Die Studentendetailseite öffnet sich gut, aber wenn ich auf "Nfc page" klicke, passiert nichts.

Answer 1

Ich habe es geschafft, eine Lösung zu finden. Das Problem liegt in dem Modul constructor von nfc.ts. Die zwei privaten Parameter (private nfc: NFC und private ndef: Ndef) scheinen von dem Plugin, das ich benutze, gebrochen zu sein. Ich habe diese beiden Parameter aus der constructor entfernt und konnte die Seite öffnen. Leider gab es keine Ausnahme in der Konsole oder anderswo. Hoffe es hilft jemandem.

Answer 2

für Öffnen Sie die Seite durch das Seitenmenü müssen Sie diese Seite als Rootpage, wenn Sie auf der Seite klicken Sie im Menü kann option.You den Code unten finden: -

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, 

     };