如何在离子5的角度取消选中离子-Radio

Question

我找不到一种取消选中的方法，我尝试了在网上许多示例中使用“检查”属性，但看来它仅适用于离子4，在离子5中，此属性不再存在了

       <ion-radio-group >
               <ion-row>
                <ion-col class="radioCol">
                  <ion-radio   value="1"></ion-radio>
                </ion-col>
                <ion-col class="radioCol">
                  <ion-radio  value="2"></ion-radio>
                </ion-col>
                <ion-col class="radioCol">
                  <ion-radio  value="3"></ion-radio>
                </ion-col>
                <ion-col class="radioCol">
                  <ion-radio  value="4"></ion-radio>
                </ion-col>
                <ion-col class="radioCol">
                  <ion-radio  value="5"></ion-radio>
                </ion-col>
                <ion-col class="radioCol">
                  <ion-radio  value="6"></ion-radio>
                </ion-col>        
        </ion-radio-group>

如何取消选中单击按钮上的收音机？

Answer 1

我认为它可以轻松实施。

<ion-radio-group [value]="radioVal">
  <ion-row>
    <ion-col class="radioCol">
      <ion-radio   value="1"></ion-radio>
    </ion-col>
    <ion-col class="radioCol">
      <ion-radio  value="2"></ion-radio>
    </ion-col>
    <ion-col class="radioCol">
      <ion-radio  value="3"></ion-radio>
    </ion-col>
    <ion-col class="radioCol">
      <ion-radio  value="4"></ion-radio>
    </ion-col>
    <ion-col class="radioCol">
      <ion-radio  value="5"></ion-radio>
    </ion-col>
    <ion-col class="radioCol">
      <ion-radio  value="6"></ion-radio>
    </ion-col>
  <ion-row>      
</ion-radio-group>
<ion-button type="primary" (click)="radioVal = ''">
  refresh
</ion-button>

当然，在组件中，您必须定义 radioval 。

radioVal = "";

Answer 2

Ion-Radio-group具有一个允许的授权属性，您可以将其设置为True，以允许该组中的无线电单击“清除该选择：

<ion-radio-group [value]="radioVal" [allowEmptySelection]="true">
  <ion-row>
    <ion-col class="radioCol">
      <ion-radio value="1"></ion-radio>
    </ion-col>
    <ion-col class="radioCol">
      <ion-radio value="2"></ion-radio>
    </ion-col>
  </ion-row>      
</ion-radio-group>