Question

我是Ionic2和angular2的新手。

我使用ion-select插件。此插件显示弹出窗口，其中包含选项列表，按单选按钮，以及“提交”按钮 - 确定和取消。

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

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

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

离子2，离子选择，让用户明确选择

1 个答案: