2017-09-26 14 views
0

テスト時にボタンをクリックすると問題が発生します。ログイン後にイオンメニューボタンをクリックすることはできません

シナリオ:のログイン時

- >ユーザーがテストを取り、提出 - >ユーザーがホーム・ページにリダイレクトされます。しかし、私は、「メニューボタン」の警告コントローラでの私のtest.ts

私Login.ts上

if (this.checker == "false" || this.checker == null) { 
    this.navCtrl.setRoot(LearnertestPage); 
} else { 
    this.navCtrl.setRoot(SplashscreenPage); 
} 

をクリックしてくださいカント私のホームページに、私はこの

を持っています

HTML::

そして最後に、私のスプラッシュ画面やホーム上

{ 
    text: 'Yes', 
    handler: data => { 
     this.learningStyles.push(
     [ 
     {style: "Auditory", value: AudioTotal}, 
     {style: "Logical", value: LogicalTotal}, 
     {style: "Physical", value: PhysicalTotal}, 
     {style: "Social", value: SocialTotal}, 
     {style: "Solitary", value: SolitaryTotal}, 
     {style: "Visual", value: VisualTotal}, 
     {style: "Verbal", value: VerbalTotal}] 
    ); 
     this.userChecker.update(this.currentUser, { Checker: 'true' }); 
     this.navCtrl.setRoot(SplashscreenPage); 
    } 
    } 
splashscreen.ts

@ViewChild(Nav) nav: Nav; 
    selectedItem: any; 
    rootPage: any = ListPage; 
    selectedTheme:String; 
    icons: string[]; 
    pages: Array<{ title: string, component: any, icon: string }> 

constructor(){ 

// used for an example of ngFor and navigation 
    this.pages = [ 
     { title: 'Home', component: SplashscreenPage, icon: this.icons[0], }, 
     { title: 'Earth Science', component: LessonPage, icon: this.icons[1] }, 
     { title: 'Progress', component: ProfilePage, icon: this.icons[2] } 

    ]; 
} 


openPage(page) { 
// Reset the content nav to have just this page 
// we wouldn't want the back button to show in this scenario 
this.nav.setRoot(page.component); } 

<ion-menu [content]="content"> 
<ion-content> 
<ion-item style="background-color:#00aced"> 
    <img src="./assets/img/adapt.png" height="100px" width="350px"/> 
</ion-item> 
<ion-list> 

    <button ion-item *ngFor="let p of pages" (click)="openPage(p)"> 
    <ion-icon name="{{p.icon}}"></ion-icon>&nbsp;{{p.title}} 
    </button> 

    <button ion-item (click)="doConfirm()"> 
    <ion-icon name="log-out"></ion-icon>&nbsp;Logout 
    </button> 

</ion-list> 

私は、このボタンをクリックするように見えることはできません。うーん。私は間違って何をしていますか? I can't seem to click on this button.

答えて

0

カスタムトグルを試してください。メニューボタンの(クリック)にtoggleMenuメソッドを追加する

+0

まだ私の問題は解決しない – AngularNewbie

関連する問題