首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >离子2,离子选择,让用户清除选择

离子2,离子选择,让用户清除选择
EN

Stack Overflow用户
提问于 2016-10-13 15:34:59
回答 1查看 1.4K关注 0票数 1

我是Ionic2和angular2的新手。

我使用ion-select插件。这个插件显示弹出的选项-列表-单选按钮,以及“提交”按钮-确定和取消。

我想让用户看到第三个选项-“清除选择”。这个插件支持这个特性吗?如果没有-最好的方法是什么?

EN

回答 1

Stack Overflow用户

发布于 2016-10-13 16:53:48

没有办法添加额外的按钮来选择popup:https://ionicframework.com/docs/v2/api/components/select/Select/ -你只能为按钮设置文本。

你应该使用AlertController --它允许你创建按钮。这里有一个很好的例子:https://github.com/driftyco/ionic-preview-app/blob/master/src/pages/alerts/radio/pages.ts

代码语言:javascript
代码运行次数:0
运行
复制
let alert = this.alertCtrl.create();
alert.setTitle('Lightsaber color');

alert.addInput({
  type: 'radio',
  label: 'Blue',
  value: 'blue',
  checked: true
});

alert.addInput({
  type: 'radio',
  label: 'Green',
  value: 'green'
});

alert.addButton('Cancel');
alert.addButton({
  text: 'Ok',
  handler: data => {
    console.log('Radio data:', data);
    this.testRadioOpen = false;
    this.testRadioResult = data;
  }
});

alert.present().then(() => {
  this.testRadioOpen = true;
});

不幸的是,第三个按钮会损坏警告UI,所以你需要创建一些css来修复它。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40014933

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档