我是離子框架的新手。我試圖重定向到其他頁面按鈕點擊離子框架版本3.我沒有得到足夠的來源。我嘗試location()
和go()
函數,但它沒有工作。重定向到離子框架v3中的其他頁面
這是我在newpage.html代碼:
<button ion-button block (click)="click()">Click me</button>
這是我在newpage.ts代碼:
click() {
this.go('/HomePage');
}
我是離子框架的新手。我試圖重定向到其他頁面按鈕點擊離子框架版本3.我沒有得到足夠的來源。我嘗試location()
和go()
函數,但它沒有工作。重定向到離子框架v3中的其他頁面
這是我在newpage.html代碼:
<button ion-button block (click)="click()">Click me</button>
這是我在newpage.ts代碼:
click() {
this.go('/HomePage');
}
使用[NavController][1]
從ionic-angular
。其方法push()
-method將新視圖推入導航堆棧。這意味着您可以使用NavController
pop()
-方法返回此頁面。
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>
,返回按鈕會自動被添加到推視圖」
它說'未被捕(承諾):無效鏈接:主頁' –
嘿,如果我不想回箭頭,而是我想菜單圖標。我怎麼做?那是在重定向之後 –
請問,您爲什麼不首先閱讀[導航相關文檔](https://ionicframework.com/docs/api/navigation/NavController/)? – sebaferreras
對不起,我熱衷於尋找按鈕點擊。沒想到可以通過按鈕點擊 –
Np來重定向導航,剛纔提到因爲Ionic中的導航並不像看起來那麼簡單,所以您一定需要閱讀文檔以避免一些錯誤/問題。對於你的問題,有很多事情需要考慮,比如_is,根組件?_,_do你想以root身份設置那個頁面,或者只是推它?_,等等...... – sebaferreras