如果從頁面A跳轉(zhuǎn)到頁面B并傳參,有兩種方法:
NavController 路由跳轉(zhuǎn)傳參
在A.ts中的代碼
this.navCtrl.push(ArticlePage , {
id: "123",
name: "Carl"
});
B.ts中
引入 NavParmas 模塊
import { NavParams } from 'ionic-angular';
constructor(private navParams: NavParams) {
let id = this.navParams.get('id');
let name = this.navParams.get('name');
}
通過屬性路由跳轉(zhuǎn)傳參
A頁面定義數(shù)據(jù)
public pushPage:any;
public params:any;
constructor(public navCtrl: NavController) {
this.pushPage = NewsPage;
this.params = {msg:"傳遞的參數(shù)"};
}
A.html中綁定跳轉(zhuǎn)的頁面和參數(shù)
<button ion-button [navPush]='pushPage' [navParams]='params'>跳轉(zhuǎn)到news</button>
目標(biāo)B頁面得到數(shù)據(jù)
public text:any;
constructor(public navCtrl: NavController, public navParams: NavParams) {
this.text = this.navParams.get('msg');
}