ダブルクリックナビゲーションIonic 2

Question

私は私のアプリに次の問題があります。私はボタンを使って2ページ間を移動したい。ボタンをクリックすると、この新しいページをナビゲートしてページを変更する必要があります。問題は、ボタンをクリックすると、コンテンツではなくページのイオンヘッダーのみが変更されることです。私は2回クリックする必要があります。

私のコードでどこが間違っているのか分かりません。ここで

ボタン：

<button [navPush]="loginscreenpage" id="btnRegistro" style="border-right:1px solid white">Iniciar sesión</button> 

おかげ

Answer 1

イオン2でページ間を移動するには、私がionic-angular

からNavControllerを使用することをお勧めしますここでの例です。

page1.ts

import {NavController} from 'ionic-angular'; 
import {Page2Page} from '../page2/page2'; 

@Component({ 
    templateUrl: 'build/pages/page1/page1' 
}) 
export class Page1Page{ 

    constructor(public navCtrl: NavController){} 

    itemTapped(){ 
     this.navCtrl.push(Page2Page); 
    } 
} 

これはあなたのアプリケーションの右端にある「戻る」ボタンでページをプッシュします。

page1.html

// Your stuff 
    <button (click)="itemTapped()">Iniciar sesión</button> 
// End of your stuff 

あなたは本当にNavControllerからsetRoot機能を使用し、あなたのルートページを変更したい場合は、次の代わりにpush機能のthis.navCtrl.setRoot(Page2Page)。