Question

如果ionSelect功能未按预期执行，我想防止选中单选按钮。

我无法获得radio-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

记录

我更新了离子角的最新版本，但仍然会发生。我尝试过

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

} 但日志结果仍然相同。

出什么问题了？

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

希望这会有所帮助。

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

1 个答案: