1. 程式人生 > >Ionic頁面傳參跳轉

Ionic頁面傳參跳轉

一.ionic通過click傳參跳轉

  1. 新增click事件
    <button (click)="goNews('newsId')"></button>

  2. 引入頁面定義資料
    import { NewsPage } from ‘…/pages/news/news’;

     goNews(value:string){
          this.navCtrl.push('GoodsDetailsPage',{
              id:value
        })
     }
    
  3. news.ts.獲取傳過來的引數

  constructor(private  navParams: NavParams) {
         let id = this.navParams.get('id');
  }

二.ionic通過屬性傳參跳轉

  1. 引入頁面定義資料

    import { NewsPage} from ‘…/pages/news/news’

      constructor() {
         this.pushPage =   NewsPage;
        this.parms = {id:newsId};
    

    }

  2. 屬性繫結跳轉的頁面
    <button [navPush]="pushPage "></button>
    <button [navPush]="pushPage " [navParms]="parms "></button>

  3. news.ts.獲取傳過來的引數

  constructor(private  navParams: NavParams) {
           let id = this.navParams.get('id');
        let name = this.navParams.get('name);
  }