单选按钮检查属性未在 Ionic 中设置为 True

Posted 2023-03-27

【中文标题】单选按钮检查属性未在 Ionic 中设置为 True

【英文标题】：Radio Button checked property not being set to True in Ionic

【发布时间】：2019-05-08 04:26:48

【问题描述】：

我是 Ionic 的新手。在过去的两天里，我真的陷入了一个问题。我有两页应用程序。说 HomePage 和 SettingsPage。

在 SettingsPage 中，我有一个带有 4 个单选按钮的单选组。默认选择一次。但是，当我单击另一个被选中的收音机时，一旦我离开该页面，假设我转到主页，然后再次返回，我发现要选择的默认值而不是我实际选择的值。

即使我离开设置页面，如何使我选择的值保持不变？

下面是代码：

  <ion-list radio-group (ionChange)="radiochanged($event)">
        <ion-item item-left>
          <ion-label>5 Seconds</ion-label>
          <ion-radio value="5000" (ionChange) = "radiofivechanged()"
          [checked]="check5"  ></ion-radio>
        </ion-item>
        <ion-item item-left>
            <ion-label>8 Seconds</ion-label>
            <ion-radio value="8000" [checked] = "check8" ></ion-radio>
          </ion-item>
          <ion-item item-left>
              <ion-label>12 Seconds</ion-label>
              <ion-radio value="12000" [checked]="check12" ></ion-radio>
            </ion-item>
            <ion-item item-left>
                <ion-label>15 Seconds</ion-label>
                <ion-radio value="15000" [checked]="check15" ></ion-radio>
              </ion-item>
      </ion-list>

settingspage.ts

check5, check8, check12, check15 : boolean;
  radiofivechanged()

      this.check5 = true;

     this.check8 = false;
     this.check12 = false;
     this.check15 = false;
  

【参考方案1】：

要在页面之间保持持久数据，并且在您关闭应用程序时，您必须将信息写入手机文件系统中的某个位置。有几种方法，我建议使用来自 ionic-native https://ionicframework.com/docs/native/file/的文件

因此，在您关闭设置后相同的信息将如下所示： YouPageName.onDidDismiss(()=> this.FileProvider.writeToFile(filename, data); //

如果您只希望页面到页面，提供商会这样做（离子 3）服务（离子4）

【讨论】：

感谢您的回复。我一直在寻找答案，发现这可以使用服务来实现。我们需要以某种方式获取 Checked Property 的值（true 或 false）并将其保存在 Service 中。您能帮我如何获取 Checked 属性并将其保存在变量中以便我们可以将其传递给 Service 吗？

是的，我很确定你想要一个提供者，因为你只想要它的一个实例，所以创建一个提供者是非常简单的 CLI ionicframework.com/docs/cli/generate中的“离子 g 提供者 nameOfProvider”@

然后在设置页面中导入您的提供者。ts 'import Push from '../../providers/nameOfProvider';'然后将其添加到构造函数中，任何问题都可以问

是将信息从 html 传递给提供者的方式