双击导航 Ionic 2

Question

我的应用遇到了下一个问题。我想使用一个按钮在两页之间导航。当我单击按钮时，应用程序应该更改在导航中推送这个新页面的页面。问题是当我单击按钮时，只会更改页面的 ion-header，而不是内容。我需要点击两次。

我不知道我的代码哪里出错了。

这里是按钮：

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

谢谢

Answer 1

要在 Ionic 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 函数：this.navCtrl.setRoot(Page2Page) 而不是push 函数。