双击导航Ionic 2

Question

我的应用程序还有下一个问题。我想用一个按钮在两页之间导航。当我点击按钮时，应用程序应该改变页面，按下这个新页面的导航。问题是，当我单击按钮时，只更改页面的离子头，而不是内容。我需要点击两次。

我不知道代码中的错误在哪里。

在这里，按钮：

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

谢谢

Answer 1

要在Ionic 2中浏览页面，我建议使用来自ionic-angular的ionic-angular

下面是一个例子。

页面1.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);
    }
}

这将按下你的页面，在你的应用程序的右角有一个‘后退’按钮。

页面1.html

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

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