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);
  }