angular - Ionic 2，离子选择，让用户清除选择

Question

我是 Ionic2 和 angular2 的新手。

我使用离子选择插件。这个插件通过单选按钮显示带有选项列表的弹出窗口，以及“提交”按钮 - 确定和取消。

我想让用户看到第三个选项 - “清除选择”。这个插件支持这个功能吗？如果不是 - 最好的方法是什么？

Answer 1

无法添加额外的按钮来选择弹出窗口： 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

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 来修复它。