有没有一种简单的方法可以取消选择Ionic 2中的离子无线电？

Question

在用户选择离子无线电之后，该组件将调用一个功能。我需要该功能来取消选择收音机。

模板：

  <form [formGroup]="myForm">
    <ion-list radio-group formControlName="listOptions">
      <ion-item>
        <ion-label>Option 1</ion-label>
        <ion-radio value="1" (ionSelect)="myFunction($event)"></ion-radio>
      </ion-item>
    </ion-list>
  </form>

Answer 1

不确定这里的用例，但我们开始......

由于您使用的是反应式表单，因此您可以在表单控件上执行一些功能，其中之一是reset(). 所以在你的函数中，你只需像这样重置值：

myFunction() {
  this.myForm.controls.listOptions.reset()
}

如果这是您单选按钮的初始状态，它会将其重置为未选中状态。

演示，在几秒钟后设置重置单选按钮