2017-07-18 111 views
3

我是離子框架的新手。我試圖重定向到其他頁面按鈕點擊離子框架版本3.我沒有得到足夠的來源。我嘗試location()go()函數,但它沒有工作。重定向到離子框架v3中的其他頁面

這是我在newpage.html代碼:

<button ion-button block (click)="click()">Click me</button> 

這是我在newpage.ts代碼:

click() { 
    this.go('/HomePage'); 
    } 
+1

請問,您爲什麼不首先閱讀[導航相關文檔](https://ionicframework.com/docs/api/navigation/NavController/)? – sebaferreras

+0

對不起,我熱衷於尋找按鈕點擊。沒想到可以通過按鈕點擊 –

+1

Np來重定向導航,剛纔提到因爲Ionic中的導航並不像看起來那麼簡單,所以您一定需要閱讀文檔以避免一些錯誤/問題。對於你的問題,有很多事情需要考慮,比如_is,根組件?_,_do你想以root身份設置那個頁面,或者只是推它?_,等等...... – sebaferreras

回答

2

使用[NavController][1]ionic-angular。其方法push() -method將新視圖推入導航堆棧。這意味着您可以使用NavControllerpop()-方法返回此頁面。

import { NavController } from 'ionic-angular'; 
// IMPORT HOMEPAGE IF NOT LAZY-LOADED 
import { HomePage } from '../home/home'; 

export class NewPage{ 
    constructor(private navCtrl:NavController){} 

    // IF LAZY-LOADED 
    click(){ 
     this.navCtrl.push('HomePage'); 
    } 

    // IF NOT LAZY-LOADED 
    click(){ 
     this.navCtrl.push(HomePage); 
    } 
} 

按照docs 「如果頁面有<ion-navbar>,返回按鈕會自動被添加到推視圖」

+0

它說'未被捕(承諾):無效鏈接:主頁' –

+0

嘿,如果我不想回箭頭,而是我想菜單圖標。我怎麼做?那是在重定向之後 –

相關問題