Question

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

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

这里的按钮：

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

由于

Answer 1

要在Ionic 2中浏览您的网页，我建议您使用NavController中的ionic-angular

这是一个例子。

<强> 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

如果您确实想要更改根页，请使用setRoot：NavController中的this.navCtrl.setRoot(Page2Page)功能代替push功能。

双击导航Ionic 2

1 个答案: