angular - 有没有一种简单的方法可以取消选择 Ionic 2 中的 ionic radio ？

Question

在用户选择一个 ionic radio 后，组件上会调用一个函数。我需要该功能来取消选择 radio 。

模板:

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

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

Demo, which sets resets radio button after a couple of seconds