ionic3 ion-select 在不点击的情况下弹出

1.html页面(用户手动点击时触发组件)

 <ion-item>
    <ion-label>标题</ion-label>
    <ion-select [(ngModel)]="nowWork" cancelText="取消"  okText="确定">
      <ion-option *ngFor="let value of data" value="value.value" selected="true">{{value.title}}</ion-option>
    </ion-select>
  </ion-item>

2.自动触发该弹框效果
可以用AlertController来展现先效果(如果html中的select的selectOptions修改为action-sheet,这相应需修改为ActionSheetController ,这里用AlertController举例)
在需要自动触发的地方调用该方法,应为select中值是双向绑定的,所有在这修改,html中也会有相应的变化


  toSelect() {
    let alert = this.alertCtrl.create();
    alert.setTitle(this.transateContent['TestNetwork']);
    alert.addInput({
      type: 'radio',
      label: this.transateContent['Telecom'],
      value: 'Telecom'
    });
    alert.addInput({
      type: 'radio',
      label: this.transateContent['Move'],
      value: 'Move'
    });
    alert.addInput({
      type: 'radio',
      label: this.transateContent['Unicom'],
      value: 'Unicom'
    });
    alert.addButton(this.transateContent['Cancle']);
    alert.addButton({
      text: this.transateContent['OK'],
      handler: (data: any) => {
        console.log('Radio data:', data);
        this.nowWork = data;
      }
    });
    alert.present();
  }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值