Двойной щелчок для навигации Ionic 2

Question

У меня есть следующая проблема с моим приложением. Я хочу навигация между 2 страницами с помощью кнопки. Когда я нажимаю кнопку, приложение должно изменить страницу, нажимая на нее новую страницу. Проблема в том, что когда я нажимаю кнопку, изменяется только ионный заголовок страницы, а не контент. Мне нужно щелкнуть дважды.

Я не знаю, где ошибка в моем коде.

Здесь кнопка:

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

Благодаря

Answer 1

Для навигации по страницам в ионическом 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.