双击导航 Ionic 2

Question

我的应用程序有下一个问题。我想使用一个按钮在 2 个页面之间导航。当我单击该按钮时，该应用程序应更改在导航中推送此新页面的页面。问题是当我点击按钮时，只改变了页面的 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);
    }
}

这将在您的应用程序的右上角使用 'back' 按钮推送您的页面。

page1.html

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

如果您真的想更改根页面，请使用 NavController 中的 setRoot 函数：this.navCtrl.setRoot(Page2Page) 而不是 push 函数。

双击导航 Ionic 2

Double click for navigation Ionic 2

typescript

ionic2