NavPush [navPush]
[navPush]
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 { params: Object; pushPage: any; constructor(){ this.pushPage = LoginPage; this.params = { id: 42 }; } }
Input Properties
Attr | Type | Details |
---|---|---|
navParams | any | Any NavParams you want to pass along to the next view. |
navPush | Page | string | The component class or deeplink name you want to push onto the navigation stack. |