angular - 防止选中单选按钮但无法从 ionSelect ion-radio 获取 RadioButton 组件对象

Question

如果 ionSelect 功能未按预期执行，我想阻止检查单选按钮。

我无法将 ion-radio 标签的 ionSelect 函数的 $event 作为 RadioButton 组件，因此如果需要，我可以将选中的值设置为 false。

这是我的代码：

            <ion-list radio-group>
                <ion-item class="item-child">
                    <ion-label>Manual</ion-label>
                    <ion-radio item-start (ionSelect)="changeMode($event)" color="secondary"></ion-radio>
                </ion-item>
                <ion-item class="item-child">
                    <ion-label>Auto</ion-label>
                    <ion-radio item-start (ionSelect)="changeMode($event)" color="secondary"></ion-radio>
                </ion-item>
            </ion-list>

ts文件：

import { RadioButton } from 'ionic-angular';

        public changeMode(event: RadioButton) {
            console.log(event);
    }

它像这样记录rb-11-0

我更新了 ionic-angular 的最新版本，但它仍然会发生。我试过了

public changeMode(event: any) {
    console.log(event);

} 但仍然是相同的日志结果。

问题是什么 ？

标签： angularionic-frameworkionic3

Answer 1

根据您的要求，您需要在changeMode下面传递值：

<ion-list radio-group>
        <ion-item class="item-child">
            <ion-label>Manual</ion-label>
            <ion-radio item-start (ionSelect)="changeMode('manual')" color="secondary"></ion-radio>
        </ion-item>
        <ion-item class="item-child">
            <ion-label>Auto</ion-label>
            <ion-radio item-start (ionSelect)="changeMode('auto')" color="secondary"></ion-radio>
        </ion-item>
    </ion-list>

改变你的方法：

  public changeMode(value: string) {
    console.log(value);
  }

您的价值日志：

manual
auto

希望这会有所帮助。