2016-10-22 5 views
0

私のIonic 2アプリケーションでは2ページありますが、ProfilePageが読み込まれると、LoginPageがプッシュされ、ページが空白になります。誰がなぜこれが起こっているのか知っていますか?ページナビゲーション問題ionic2とangular2

この私のコードです

app.component.ts

import { Component } from '@angular/core'; 
import { Platform } from 'ionic-angular'; 
import { StatusBar } from 'ionic-native'; 

import { ProfilePage } from '../pages/profile/profile'; 
import { LoginPage } from '../pages/login/login'; 
import { AuthService } from '../services/auth/auth.service'; 

@Component({ 
    template: `<ion-nav [root]="rootPage"></ion-nav>` 
}) 
export class AuthApp { 
    rootPage: any = ProfilePage; 

    constructor(platform: Platform, private auth: AuthService) { 
    platform.ready().then(() => {  
     StatusBar.styleDefault(); 
     auth.startupTokenRefresh(); 
    }); 
    } 
} 

profile.ts

import {Component} from '@angular/core'; 
import {AuthService} from '../../services/auth/auth.service'; 
import { NavController } from 'ionic-angular'; 
import { LoginPage } from '../login/login'; 

@Component({ 
    templateUrl: 'profile.html', 
}) 
export class ProfilePage { 
    constructor(public auth: AuthService, public navCtrl: NavController) { 

    } 

    ngOnInit() { 
    console.log(this.auth.authenticated()) 
    if (!this.auth.authenticated()) { 
     this.navCtrl.setRoot(LoginPage); 
    } 
    } 
} 

login.ts

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
@Component({ 
    templateUrl: 'login.html', 
}) 
export class LoginPage { 
    authType: string = "login"; 
    error: string; 

    constructor(public navCtrl: NavController) {} 
} 

は何についての提案があります私は間違っている? LoginPageがプッシュされたときにリフレッシュされるのはなぜですか?

+0

コンソールには何もありますか? – sebaferreras

+0

コンソールには何もありません –

答えて

0

ページをプッシュするのではなくルートとして設定している可能性があります。 this.navCtrl.setRoot(LoginPage);の代わりに試してみてくださいthis.navCtrl.push(LoginPage);

0

ngOnInit()のconsole.logステートメントは2回印刷されますか?

ngOnInit()2回:ページを宣言すると1回、ページをプッシュするたびに2回目を宣言します。あなたはどのような場合には

(詳細についてthis resourceを参照)ionViewDidLoad()ngOnInit()を試してみて、変更することができ

あなたがapp.module.tsファイルの内容を投稿することができれば、それは非常に役立つだろう。あなたのページクラスに@IonicPageデコレータがないのはなぜですか?

関連する問題