Ionic頁面傳參跳轉
阿新 • • 發佈:2018-11-29
一.ionic通過click傳參跳轉
-
新增click事件
<button (click)="goNews('newsId')"></button>
-
引入頁面定義資料
import { NewsPage } from ‘…/pages/news/news’;goNews(value:string){ this.navCtrl.push('GoodsDetailsPage',{ id:value }) }
-
news.ts.獲取傳過來的引數
constructor(private navParams: NavParams) { let id = this.navParams.get('id'); }
二.ionic通過屬性傳參跳轉
-
引入頁面定義資料
import { NewsPage} from ‘…/pages/news/news’
constructor() { this.pushPage = NewsPage; this.parms = {id:newsId};
}
-
屬性繫結跳轉的頁面
<button [navPush]="pushPage "></button>
<button [navPush]="pushPage " [navParms]="parms "></button>
-
news.ts.獲取傳過來的引數
constructor(private navParams: NavParams) {
let id = this.navParams.get('id');
let name = this.navParams.get('name);
}