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

bgibtngc  于 2022-12-09  发布在  Ionic
关注(0)|答案(1)|浏览(138)

我是个爱奥尼亚新手。过去两天我真的被一个问题卡住了。我有两页的应用程序。说主页和设置页。
在SettingsPage中,我有一个包含4个单选按钮的单选按钮组。默认情况下选择了一个。当我单击另一个单选按钮时,该单选按钮处于选中状态,但是,一旦我离开该页面,比如说我转到主页,然后再次返回,我发现默认值处于选中状态,而不是我实际选择的值。
如何使选定的值在离开SettingsPage时仍保持不变?
下面是代码:

<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;
  }
uinbv5nw

uinbv5nw1#

为了保持页面之间的持久数据,当你关闭应用程序时,你必须在手机文件系统的某个地方写入信息。有几种方法可以做到这一点,我推荐使用ionic-native https://ionicframework.com/docs/native/file/中的文件
因此,要在关闭设置后显示相同的信息,请看以下内容:()=〉{这个文件提供者.writeToFile(文件名,数据);} //〈-为文件植入制作提供者

  • 如果你只是想让它为页面提供一个提供者将做的页面 (ionic 3) 服务 *(ionic 4)

相关问题