ionic 2 实践小结

最新推荐文章于 2024-08-30 09:20:13 发布

原创最新推荐文章于 2024-08-30 09:20:13 发布 · 633 阅读

0 ·

CC 4.0 BY-SA版权

ionic 同时被 2 个专栏收录

6 篇文章

订阅专栏

技术

2 篇文章

订阅专栏

本文介绍了Ionic 2中ion-select组件的使用方法，包括如何通过ionChange事件响应选择项的变化，以及如何设置下拉选项。此外，还详细说明了如何利用ModalController在父页面向弹出的Modal页面传递参数，并在Modal页面中获取这些参数。

1.ionic2里ion-select便签更改值举例，

<ion-select [(ngModel)]="address.privince" (ionChange)="changeProvince(address.privince)">
      <ion-option *ngFor="let item of provinceList" [value]='item.id'>{{item.name}}</ion-option>
    </ion-select>

注意使用

(ionChange)

2.ModalController 传值

let modal = this.modalCtrl.create(BuyPage,{comm:this.comm});
    modal.present();

ModalController传值与NavController一样，只要在父page传入，modal page获取，获取方法也相同

 constructor(private navParam:NavParams,
              public viewCtrl: ViewController) {
    this.comm=navParam.get("comm");
    console.log(this.comm);
  }