Need help upgrading to Ionic Framework 4.0? Get assistance with our Enterprise Migration Services EXPLORE NOW

NavPush

[navPush]

Improve this doc

Directive to declaratively push a new page to the current nav stack.

Usage

<button ion-button [navPush]="pushPage"></button>

To specify parameters you can use array syntax or the navParams property:

<button ion-button [navPush]="pushPage" [navParams]="params">Go</button>

Where pushPage and params are specified in your component, and pushPage contains a reference to a component you would like to push:

import { LoginPage } from './login';

@Component({
  template: `<button ion-button [navPush]="pushPage" [navParams]="params">Go</button>`
})
class MyPage {
  constructor(){
    this.pushPage = LoginPage;
    this.params = { id: 42 };
  }
}

Input Properties

Attr Type Details
navParams any

Parameters to pass to the page.

navPush Page

The Page to push onto the Nav.

Related

Navigation Component Docs, NavPop API Docs

API

Native

General